/* Combined CSS - Generated: 2026-03-20 17:40:46 */ /* Source: affimax-box-style */ /* Source: afxshop */ .afxshop,.afxshop *,body a.afximg{text-decoration:none!important}.afxshop,.afxshop *{box-sizing:border-box!important;font-size:18px;font-weight:400;line-height:normal;letter-spacing:normal;text-transform:none;font-style:normal;box-shadow:none;color:rgba(0,0,0,.87);margin:0;padding:0;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}.afxshop{display:block;width:100%;height:auto;position:relative;font-family:"Century Gothic",CenturyGothic,Helvetica,Arial,sans-serif;max-width:1200px;margin:0 auto}.afxshop .afxshop-cons ul,.afxshop .afxshop-description ul,.afxshop .afxshop-pros ul{margin-left:10px;padding:0}.afxshop .afxshop-list{font-size:inherit;list-style:none}.afxshop .afxshop-list li::before{content:none}.afxshop .afxshop-item{position:relative;font-size:inherit;max-width:100%;word-wrap:break-word;background:#fff;border:1px solid rgba(0,0,0,.125);border-radius:5px;text-align:center!important;cursor:pointer;overflow:hidden}.widget_afxshopping ul li a{display:block!important}.afxshop .afxshop-item:focus,.afxshop .afxshop-item:hover{box-shadow:0 5px 15px rgba(100,100,100,.3)}.afxshop .afxshop-header{display:block;width:100%;padding:5px 10px}.afxshop .afxshop-image{position:relative;padding-bottom:max(200px,min(300px,75%));height:0;overflow:hidden;max-width:350px;margin:.5em auto}.afxshop .afxshop-image img{position:absolute;padding:10px;top:0;left:0;width:100%;height:100%;min-height:200px;object-fit:contain}.afxshop .afxshop-logo img,.afxshop-logo:not(.lg-kk)>img{max-width:24px;height:auto}.afxshop .afxshop-logo{display:inline-block;vertical-align:middle;width:24px;height:24px;position:relative;border-radius:5px}.afxshop .afxshop-logo img{width:auto;max-height:24px}.afxshop .afxshop-content{display:block;width:100%;font-size:inherit;padding:0 0 10px}.afxshop .afxshop-title{display:block;text-align:left;padding-left:10px;width:100%;font-size:18px;font-weight:600;margin:.5em 0;line-height:1.2em;max-height:2.4em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;letter-spacing:inherit;text-transform:inherit;font-style:inherit;color:#202e3b}.afxshop .afxshop-footer,.afxshop .afxshop-offer{display:block;font-size:inherit;width:100%}.afxshop-grid .afxshop-title{text-align:center}.afxshop .afxshop-description{display:block;width:100%;margin:8px 0 10px}.afxshop .afxshop-autodescr{line-break:after-white-space}.afx-ellipsis::after{content:"..."}.afxshop .afxshop-cons *,.afxshop .afxshop-description,.afxshop .afxshop-description *,.afxshop .afxshop-pros *{font-size:14px;line-height:24px;list-style:none}.afxshop .afxshop-cons,.afxshop .afxshop-description,.afxshop .afxshop-pros{text-align:left}.afxshop .afxshop-description ul li::before{content:'●';position:relative;font-weight:700;font-size:12px;color:#626b99;display:inline-block;text-align:center;vertical-align:middle;margin:3px 5px 4px 0;line-height:12px}.afx-cons-title,.afx-pros-title{margin-left:10px;font-weight:700;padding-bottom:5px;margin-bottom:10px;position:relative}.afxshop .afxshop-cons ul li::before,.afxshop .afxshop-pros ul li::before{content:'';display:inline-block;width:20px;height:20px;background:linear-gradient(#e05c5c,#e05c5c),#fff;background-position:center;background-size:50% 2px,2px 50%;background-repeat:no-repeat;vertical-align:middle;margin:3px 5px 4px 0;border-radius:100%;position:static;border:2px solid #e05c5c}.afx-cons-title::after,.afx-pros-title::after{content:"";height:2px;width:30px;position:absolute;bottom:2px;background-color:#6eb340;left:0}.afx-cons-title::after{background-color:#e05c5c}.afxshop .afxshop-pros ul li::before{background:linear-gradient(#6eb340,#6eb340),linear-gradient(#6eb340,#6eb340),#fff;background-position:center;background-size:50% 2px,2px 50%;background-repeat:no-repeat;border:2px solid #6eb340}.afxshop-arg{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;flex-flow:row wrap;align-items:center;justify-content:center;align-items:stretch}.afxshop .afxshop-cons,.afxshop .afxshop-pros{background-color:#faf0f0;margin:7px;padding:10px .5em 20px;-webkit-box-flex:1;flex:1 0 150px;border-radius:5px}.afxshop-grid .afxshop-item,.afxshop-grid .afxshop-list{flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal}.afxshop .afxshop-pros{background-color:#ebf2f5}.afxshop-rank{margin:5px 0 20px}.afxshop-mentions,.afxshop-note,.icon-rank{margin-bottom:10px}.icon-rank i{font-size:24px}.title-rank{padding-bottom:10px;margin:0 10px;border-bottom:1px solid rgba(0,0,0,.125)}.afxshop .afxshop-offer{padding:.5em 15px;text-align:center;border-top:1px solid #eee;position:relative}.afxshop .afxshop-offer:hover{background-color:rgba(0,123,255,.1)}.afxshop .afxshop-offer img{border-radius:5px;vertical-align:middle;margin:0!important}.afxshop .afxshop-old-price{display:inline;text-decoration:line-through!important;white-space:nowrap;position:absolute;width:100%;left:0;bottom:-10px;color:#aaa;font-size:10px}.afxshop .afxshop-discount{display:inline;white-space:nowrap;position:absolute;text-align:center;color:#fff;font-size:10px;transform:skew(-10deg);font-weight:700;background:#ed1515;width:30px;top:-16px;box-shadow:1px 1px 2px 0 #555;padding:1px}.afxshop .afxshop-button,.afxshop .afxshop-price,a.btnafx{position:relative;display:inline-block;white-space:nowrap;vertical-align:middle}.afxshop .afxshop-price{font-weight:500;font-size:14px;color:#222}.afxshop .afxshop-button,a.btnafx{max-width:100%;margin-top:.3em;padding:.3em .5em;background:#bc00bc;color:#fff!important;border-radius:3px;font-size:16px;font-weight:600}a.btnafx{text-align:center;max-width:100%;cursor:pointer}.afxshop .afxshop-button,.afxshop-small .afxshop-price,a.btnafx{background:#bc00bc;text-shadow:0 1px 1px rgba(0,0,0,.4)}.afxshop .afxshop-button::after,.afxshop-small .afxshop-price::after,a.btnafx::after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;display:inline-block}.afx-gradient a.btnafx::after,.afx-price-alert-submit::after,.afx-price-alert-toggle-button::after,.afxshop .afx-gradient .afxshop-button::after,.afxshop-small .afx-gradient .afxshop-price::after{background:linear-gradient(to right bottom,rgba(255,255,255,.3) 0,rgba(255,255,255,0) 100%)}.afxshop .afxshop-button::before{content:attr(data-cta)}.afx-price-alert-submit:hover,.afx-price-alert-toggle-button:hover,.afxshop .afxshop-button:hover,.afxshop-small .afxshop-price:hover,a.btnafx:hover{opacity:.75;box-shadow:inset 1.5px 1.5px 3px rgba(0,0,0,.2);text-decoration:none}.afx-price-alert-submit:hover::after,.afx-price-alert-toggle-button:hover::after,.afxshop .afxshop-button:hover::after,.afxshop-small .afxshop-price:hover::after{background:0 0;background:linear-gradient(to right bottom,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%)}.afxshop-grid .afxshop-list{display:-webkit-box;display:flex;flex-flow:row wrap;margin:.5em -.5em;align-items:flex-start}.afxshop-grid .afxshop-item{display:-webkit-box;display:flex;-webkit-box-flex:1;flex:1 0 calc(33% - 1em);min-width:180px;margin:.5em;padding-bottom:0}.afxshop-box .afxshop-list{display:block;margin:0}.afxshop-box .afxshop-item{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;flex-flow:row wrap;margin:1em 0;padding:0;align-items:center;justify-content:center}.afx-sst .afxshop-date span,.afxshop-box .afxshop-content,.afxshop-box .afxshop-header,.afxshop-pricelist .afxshop-content,.afxshop-small .afxshop-details,.mtn_content span{padding:0}.afxshop-review .afxshop-header{-webkit-box-flex:1;flex:1 0 150px}.afxshop-box .afxshop-rank,.afxshop-review .afxshop-side{width:100%}.afxshop-review .afxshop-content{-webkit-box-flex:4;flex:4 0 200px;padding:0 10px}.afxshop-box:not(.afxshop-review) .afxshop-header{-webkit-box-flex:2;flex:2 0 180px}.afxshop-box:not(.afxshop-review) .afxshop-side{-webkit-box-flex:2;flex:2 0 290px}.afxshop-box:not(.afxshop-review) .afxshop-content{-webkit-box-flex:3;flex:3 0 200px;padding:0 10px}.afxshop-box .afxshop-button{width:-webkit-max-content;width:-moz-max-content;width:max-content}.afx-hidden,.afxshop .google-auto-placed,.afxshop .more_mkt,.afxshop-small .afxshop-btn,.afxshop-small .afxshop-old-price,.afxshop:not(:has(li))+div{display:none}.afxshop-offer a{border:none!important}.afxshop-pricelist .afxshop-logo{width:32px;height:32px;margin-right:10px}.afxshop-pricelist .afxshop-logo img{max-width:32px;max-height:32px}.afxshop-wrap{width:100%;display:flex!important;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;flex-flow:row wrap;align-items:center;justify-content:right}.afxshop-pricelist .afxshop-title{margin-left:25px;-webkit-box-flex:1;flex:1 0 110px;text-align:left;margin-top:12px}.afxshop-merchant{-webkit-box-flex:2;flex:2 0 80px;text-align:left}.afxshop-details{-webkit-box-flex:1;flex:1 0 50px;text-align:right!important;white-space:nowrap}.afxshop-btn{-webkit-box-flex:1;flex:1 0 50px;padding:0 5px;margin:5px 0}.afxshop-price{font-size:18px;font-weight:500;min-width:auto;margin-right:10px}.afxshop-discount{position:absolute;right:0;left:auto}.afxshop-old-price{text-align:right}.afxshop-mname{font-size:14px;padding-right:10px}.afxshop-pricelist .afxshop-bestprice{text-align:right;-webkit-box-flex:1;flex:1 0 110px;margin-right:25px}.afxshop-pricelist .afxshop-bestprice span{white-space:nowrap}.afxshop-button{display:inline-block;text-align:center;min-width:90%}.afxshop-offer:first-child .afxshop-mname,.afxshop-offer:first-child .afxshop-price{font-weight:700}.afxshop .more_btn{background-color:#ebeef2;line-height:.6}.afx-tooltip .afx-bottom,.afx-tooltip .afx-bottom i::after{background-color:#fefefe;box-shadow:0 1px 8px rgba(0,0,0,.2)}.afxshop .more_btn::after{content:'';display:inline-block;height:14px;width:14px;background-image:url(https://pix-geeks.com/wp-content/uwkmsq-1894/affimax/css/../img/caret-down-fill.svg);background-size:contain;background-repeat:no-repeat;margin-right:.5em;vertical-align:middle}.afxshop-price svg{display:none;vertical-align:text-bottom}.afxshop-mentions span::after,.afxshop-mentions svg{vertical-align:middle}.afx_arrow_next,.afx_arrow_prev{font-size:0;line-height:0;position:absolute!important;top:30%!important;display:block;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:0;background-color:#0d0d0d;width:50px!important;height:50px!important;z-index:1;border-radius:100%;left:0!important}.afx-tooltip,.afxshop-mention{position:relative}.afx_arrow_next{right:0!important;left:auto!important}.afx_arrow_next i,.afx_arrow_prev i{color:#fff}.afxshop-date,.afxshop-mentions{text-align:right;margin-bottom:-15px;margin-top:5px;right:2%;width:100%;z-index:1000}.afxshop-pricelist .afxshop-date,.mtn_content{margin-bottom:0}.afxshop-date{opacity:.6}.afxshop-date span,.afxshop-mentions span{padding:5px 10px;font-size:12px;border-radius:7px;color:#555}.afxshop-mentions>:not(.mtn_content)>span{padding:5px 10px;color:#555;border-radius:5px}.afxshop-mentions svg{height:14px;width:14px}.afx-tooltip{display:inline-block;text-align:left;cursor:pointer}.afx-tooltip .afx-bottom{min-width:300px;max-width:100%;top:40px;right:0;padding:10px 20px;color:#444;font-weight:400;font-size:13px;border-radius:8px;position:absolute;z-index:99999999;box-sizing:border-box;display:none}.afx-tooltip .afx-bottom i{position:absolute;bottom:100%;left:50%;margin-left:-12px;width:24px;height:12px;overflow:hidden}.afx-tooltip .afx-bottom i::after{content:'';position:absolute;width:12px;height:12px;left:50%;transform:translate(-50%,50%) rotate(45deg)}.mtn_close{position:absolute;right:10px;font-size:16px}.mtn_content{max-width:240px;text-align:justify;text-justify:auto}.afxshop .afx-carousel li{height:auto}.afxshop-note svg{margin:10px 3px 0;fill:#edb329;width:22px}.afximg{cursor:pointer}.afx-sst{max-width:200px;display:inline-block;vertical-align:bottom}.afx-sst .afxshop-image img{padding:0;min-height:150px}.afx-sst .afxshop-image{padding-bottom:max(150px,min(300px,75%))}.afx-sst .afxshop-content,.afx-sst .afxshop-title{padding:0;font-size:16px}.afx-sst .afxshop-date span::before{content:''}.afx-sst .afxshop-item,.afx-sst .afxshop-list{margin-bottom:2.5px}@media only screen and (min-width:1200px){.afxshop-pricelist .afxshop-details{padding-right:2%}}.afxshop-small .afxshop-price{padding:5px 10px;border-radius:5px;color:#fff;margin-right:0}.afxshop-small .afxshop-price svg{display:inline}.afxshop-small .afxshop-discount{top:-10px!important}@media only screen and (max-width:500px){.afxshop-grid .afxshop-item{min-width:220px}.afx-carousel .afxshop-item{min-width:150px}.afxshop-review .afxshop-header{-webkit-box-flex:1;flex:1 0 220px}.afxshop-box:not(.afxshop-review) .afxshop-header{-webkit-box-flex:2;flex:2 0 250px}}.afxshop-item .afxshop-header a,.afxshop-offer a{display:inline!important}@font-face{font-family:afxicon;src:url(https://pix-geeks.com/wp-content/uwkmsq-1894/affimax/css/../font/afxicon.eot?72704249);src:url(https://pix-geeks.com/wp-content/uwkmsq-1894/affimax/css/../font/afxicon.eot?72704249#iefix) format('embedded-opentype'),url(https://pix-geeks.com/wp-content/uwkmsq-1894/affimax/css/../font/afxicon.woff2?72704249) format('woff2'),url(https://pix-geeks.com/wp-content/uwkmsq-1894/affimax/css/../font/afxicon.woff?72704249) format('woff'),url(https://pix-geeks.com/wp-content/uwkmsq-1894/affimax/css/../font/afxicon.ttf?72704249) format('truetype'),url(https://pix-geeks.com/wp-content/uwkmsq-1894/affimax/css/../font/afxicon.svg?72704249#afxicon) format('svg');font-weight:400;font-style:normal}[class*=" afx-icon-"]:before,[class^=afx-icon-]:before{font-family:afxicon;font-style:normal;font-weight:400;speak:never;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.afx-icon-star:before{content:'\e800'}.afx-icon-star-empty:before{content:'\e801'}.afx-icon-heart:before{content:'\e802'}.afx-icon-heart-empty:before{content:'\e803'}.afx-icon-ok:before{content:'\e804'}.afx-icon-users:before{content:'\e805'}.afx-icon-tag:before{content:'\e806'}.afx-icon-home:before{content:'\e807'}.afx-icon-thumbs-up:before{content:'\e808'}.afx-icon-wrench:before{content:'\e809'}.afx-icon-fire:before{content:'\e80a'}.afx-icon-gauge:before{content:'\e80b'}.afx-icon-block:before{content:'\e80c'}.afx-icon-comment:before{content:'\e80d'}.afx-icon-globe:before{content:'\e80e'}.afx-icon-umbrella:before{content:'\e80f'}.afx-icon-flight:before{content:'\e810'}.afx-icon-leaf:before{content:'\e811'}.afx-icon-megaphone:before{content:'\e812'}.afx-icon-gift:before{content:'\e813'}.afx-icon-camera:before{content:'\e814'}.afx-icon-music:before{content:'\e815'}.afx-icon-search:before{content:'\e816'}.afx-icon-basket-1:before{content:'\e817'}.afx-icon-award-1:before{content:'\e818'}.afx-icon-star-half:before{content:'\e819'}.afx-icon-left-open:before{content:'\e81a'}.afx-icon-right-open:before{content:'\e81b'}.afx-icon-down-open:before{content:'\e81c'}.afx-icon-down-dir:before{content:'\e81d'}.afx-icon-down-circle:before{content:'\e81e'}.afx-icon-three:before{content:'\e81f'}.afx-icon-two:before{content:'\e820'}.afx-icon-one:before{content:'\e821'}.afx-icon-clock:before{content:'\e822'}.afx-icon-crown:before{content:'\e844'}.afx-icon-hash:before{content:'\f029'}.afx-icon-trophy:before{content:'\f074'}.afx-icon-lightbulb:before{content:'\f0eb'}.afx-icon-suitcase:before{content:'\f0f2'}.afx-icon-gamepad:before{content:'\f11b'}.afx-icon-star-half-alt:before{content:'\f123'}.afx-icon-puzzle:before{content:'\f12e'}.afx-icon-rocket:before{content:'\f135'}.afx-icon-euro:before{content:'\f153'}.afx-icon-thumbs-up-alt:before{content:'\f164'}.afx-icon-female:before{content:'\f182'}.afx-icon-male:before{content:'\f183'}.afx-icon-sun:before{content:'\f185'}.afx-icon-moon:before{content:'\f186'}.afx-icon-child:before{content:'\f1ae'}.afx-icon-paw:before{content:'\f1b0'}.afx-icon-cab:before{content:'\f1b9'}.afx-icon-birthday:before{content:'\f1fd'}.afx-icon-bicycle:before{content:'\f206'}.afx-icon-diamond:before{content:'\f219'}.afx-icon-motorcycle:before{content:'\f21c'}.afx-icon-battery-3:before{content:'\f241'}.afx-icon-balance-scale:before{content:'\f24e'}.afx-icon-hourglass-1:before{content:'\f251'}.afx-icon-shopping-basket:before{content:'\f291'}.afx-price-alert-toggle{display:flex;width:100%;margin:16px 0;justify-content:center}.afx-price-alert-submit,.afx-price-alert-toggle-button{display:flex;justify-content:center;text-align:center;width:160px;padding:.3em 0;background:#bc00bc;color:#fff!important;text-shadow:0 1px 1px rgba(0,0,0,.4);border:none;border-radius:3px;font-size:16px;font-weight:600;cursor:pointer}.afx-price-alert-sign-up{display:flex;flex-direction:column;width:100%}.afx-price-alert-sign-up form{display:flex;width:100%;justify-content:center}.afx-price-alert-sign-up form input{border:1px solid rgba(0,0,0,.125);border-radius:3px;padding:.3em 12px;font-size:16px;margin-right:4px;width:240px}.afx-price-alert-message{font-size:16px;margin-top:12px} /* Source: mace-gallery */ @font-face{font-family:mace;src:url(https://pix-geeks.com/wp-content/uwkmsq-1894/media-ace/includes/gallery/css/./../../../assets/iconfont/fonts/mace.eot);src:url(https://pix-geeks.com/wp-content/uwkmsq-1894/media-ace/includes/gallery/css/./../../../assets/iconfont/fonts/mace.eot?#iefix) format("embedded-opentype"),url(https://pix-geeks.com/wp-content/uwkmsq-1894/media-ace/includes/gallery/css/./../../../assets/iconfont/fonts/mace.woff) format("woff"),url(https://pix-geeks.com/wp-content/uwkmsq-1894/media-ace/includes/gallery/css/./../../../assets/iconfont/fonts/mace.ttf) format("truetype"),url(https://pix-geeks.com/wp-content/uwkmsq-1894/media-ace/includes/gallery/css/./../../../assets/iconfont/fonts/mace.svg#mace) format("svg");font-weight:400;font-style:normal;font-display:block}.mace-gallery-teaser-poster{display:block;position:relative}.mace-gallery-teaser-poster img{display:block;max-width:100%;height:auto}.mace-gallery-teaser-button{display:block;padding:10px 30px 10px 54px;position:absolute;top:10px;right:10px;border-radius:5px;background-color:#333;color:#fff;transition:border-color 375ms ease-in-out,background-color 375ms ease-in-out,color 375ms ease-in-out}.mace-gallery-teaser-button:before{display:block;margin-top:-.5em;position:absolute;left:15px;top:50%;font:24px/1 mace;content:"\e008"}.mace-gallery-teaser-button-text{display:block}.mace-gallery-teaser-button-counter{display:block;font-size:12px;line-height:14px;opacity:.666}.mace-gallery-teaser:hover .mace-gallery-teaser-button{background-color:#fff;color:#1a1a1a;transition:border-color 375ms ease-in-out,background-color 375ms ease-in-out,color 375ms ease-in-out}.g1-gallery-wrapper{display:-ms-flexbox;display:-webkit-flex;display:flex;visibility:hidden;width:100%;height:100%;position:fixed;z-index:99999;top:0;left:0;opacity:0;background-color:rgba(0,0,0,.5);transition:visibility 0s 375ms,opacity 375ms ease-in-out,transform 375ms ease-in-out}.g1-gallery{display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;visibility:hidden;position:absolute;top:0;bottom:0;left:0;right:0;opacity:0;-webkit-transform:scale(.85);-moz-transform:scale(.85);-ms-transform:scale(.85);-o-transform:scale(.85);transform:scale(.85);background-color:#1a1a1a;color:#fff;transition:visibility 0s 375ms,opacity 375ms ease-in-out,transform 375ms ease-in-out}.g1-gallery-header{display:-ms-flexbox;display:-webkit-flex;display:flex;min-height:64px;border-bottom:1px solid #313131}.g1-gallery-header-left{display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-grow:1;flex-grow:1;-ms-flex-align:center;-webkit-align-items:center;align-items:center;padding:10px 0;border-right:1px solid #313131}.g1-gallery-header-left .g1-gallery-logo{margin-left:20px}.g1-gallery-header-left .g1-gallery-logo img{display:block;width:auto;max-height:100%}.g1-gallery-header-left .g1-gallery-title{margin:0 50px;color:#fff;display:none}@media only screen and (min-width:601px){.g1-gallery-header-left .g1-gallery-title{display:block}}.g1-gallery-header-right{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-align:center;-webkit-align-items:center;align-items:center;padding:10px}@media only screen and (min-width:1025px){.g1-gallery-header-right{width:300px;min-width:300px}}.g1-gallery-header-right .g1-gallery-back-to-slideshow{display:none;-webkit-flex-grow:1;flex-grow:1;padding-left:5px;text-transform:uppercase;font-weight:600}.g1-gallery-header-right .g1-gallery-back-to-slideshow:before{position:relative;top:1px;margin-right:5px;font:14px/14px mace;content:"\e022"}.g1-gallery-header-right .g1-gallery-thumbs-button{margin:0 12px}.g1-gallery-header-right .g1-gallery-thumbs-button:before{font:16px/44px mace;content:"\e007"}.g1-gallery-header-right .g1-gallery-numerator{-webkit-flex-grow:1;flex-grow:1;text-align:center;font-size:16px;white-space:nowrap}.g1-gallery-header-right .g1-gallery-close-button{margin:0 12px}.g1-gallery-header-right .g1-gallery-close-button:before{font:16px/24px mace;content:"\e006"}.g1-gallery-body{display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.g1-gallery-body .g1-gallery-thumbnails32{display:none;-webkit-flex-grow:1;flex-grow:1;border-right:1px solid #313131}.g1-gallery-body .g1-gallery-thumbnails32 .g1-gallery-thumbnails-collection{box-sizing:content-box;width:100%;padding:10px 5px;counter-reset:section}.g1-gallery-body .g1-gallery-thumbnails32 .g1-gallery-thumbnails-collection .g1-gallery-thumbnail{display:inline-block;padding:0 5px;margin:0 0 10px;position:relative;vertical-align:top}.g1-gallery-body .g1-gallery-thumbnails32 .g1-gallery-thumbnails-collection .g1-gallery-thumbnail img{display:block}.g1-gallery-body .g1-gallery-thumbnails32 .g1-gallery-thumbnails-collection .g1-gallery-thumbnail:after{position:absolute;right:12px;bottom:6px;font-size:14px;font-weight:600;counter-increment:section;content:counter(section)}@supports (display:grid){.g1-gallery-body .g1-gallery-thumbnails32 .g1-gallery-thumbnails-collection{display:grid;grid-template-columns:repeat(auto-fill,minmax(135px,1fr));grid-template-rows:repeat(auto-fit,minmax(90px,max-content));grid-gap:10px;padding:10px}.g1-gallery-body .g1-gallery-thumbnails32 .g1-gallery-thumbnails-collection .g1-gallery-thumbnail{padding:0;margin:0}}@media only screen and (min-width:1025px){.g1-gallery-body{display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}}.g1-gallery-frames{display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-grow:1;flex-grow:1}.g1-gallery-frame{display:none;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-grow:1;flex-grow:1;border-right:1px solid #313131;border-bottom:1px solid #313131}.g1-gallery-frame-visible{display:-ms-flexbox;display:-webkit-flex;display:flex}.g1-gallery-image{position:relative;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-grow:1;flex-grow:1;background-size:contain;background-repeat:no-repeat;background-position:center}.g1-gallery-image-title{min-height:22px;padding:8px 0;text-align:center;color:#999;border-top:1px solid #313131}.g1-gallery-sidebar .g1-gallery-ad{display:none;width:100%;margin-bottom:10px}.g1-gallery-sidebar .g1-gallery-ad .adace-slot{height:250px}.g1-gallery-sidebar .g1-gallery-thumbnails{display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-grow:1;flex-grow:1;width:100%;max-height:420px;position:relative;text-align:center}.g1-gallery-sidebar .g1-gallery-thumbnails .g1-gallery-thumbnails-collection{overflow:hidden;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;width:100%;position:absolute;top:0;bottom:0;left:0;right:0}.g1-gallery-sidebar .g1-gallery-thumbnails .g1-gallery-thumbnails-collection .g1-gallery-thumbnail{display:inline-block;width:33.33333%;position:relative}.g1-gallery-sidebar .g1-gallery-thumbnails .g1-gallery-thumbnails-collection .g1-gallery-thumbnail img{display:block}@media only screen and (min-width:1025px){.g1-gallery-sidebar{display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:300px;padding:10px}.g1-gallery-sidebar .g1-gallery-ad{display:block}}.g1-gallery-thumbnails-up{display:inline-block;width:30px;position:absolute;z-index:3;top:5px;left:auto;right:5px;font:16px/30px mace;border-radius:50% 50% 0 0;background-color:#1a1a1a;transition:border-color 375ms ease-in-out,background-color 375ms ease-in-out,color 375ms ease-in-out}.g1-gallery-thumbnails-up:before{content:"\e021"}.g1-gallery-thumbnails-down{display:inline-block;width:30px;position:absolute;z-index:3;top:35px;left:auto;right:5px;font:16px/30px mace;border-radius:0 0 50% 50%;background-color:#1a1a1a;transition:border-color 375ms ease-in-out,background-color 375ms ease-in-out,color 375ms ease-in-out}.g1-gallery-thumbnails-down:before{content:"\e020"}.g1-gallery-thumbnails-down:hover,.g1-gallery-thumbnails-up:hover{border-color:#fff;background-color:#fff;color:#1a1a1a}.g1-gallery-thumbnail img{opacity:.333;transition:opacity 375ms ease-in-out}.g1-gallery-thumbnail-active img,.g1-gallery-thumbnail:hover img{opacity:.999;transition:opacity 375ms ease-in-out}.g1-gallery-frame-ad .g1-gallery-ad{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-flex-grow:1;flex-grow:1;width:100%;margin:0;text-align:center}.g1-gallery-frame-ad .g1-gallery-ad .adace-slot-wrapper{display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-grow:1;flex-grow:1;margin-left:33px;margin-right:33px}.g1-gallery-frame-ad .g1-gallery-ad .adace-slot{display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-grow:1;flex-grow:1;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;width:100%;position:relative}.g1-gallery-frame-ad .g1-gallery-ad .adace-slot>div{position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%}.g1-gallery-ad-mode .g1-gallery-sidebar{display:none}.g1-gallery-ad-mode .g1-gallery-frame-ad{-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}@media only screen and (max-width:600px){.g1-gallery-frame-ad .g1-gallery-ad .adace-slot-wrapper{display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-grow:1;flex-grow:1}}@media only screen and (min-width:601px){.g1-gallery-frame-ad .g1-gallery-ad .adace-slot-wrapper{margin-left:64px;margin-right:64px}}.g1-gallery-shares{display:-ms-flexbox;display:-webkit-flex;display:flex}.g1-gallery-share{display:block;-webkit-flex-grow:1;flex-grow:1;height:36px;position:relative;font-size:0;color:#fff}.g1-gallery-share:before{width:100%;height:100%;position:absolute;top:0;left:0;right:auto;text-align:center;font:16px/36px bimber}.g1-gallery-share-fb{background-color:#3b5998}.g1-gallery-share-fb:before{content:"\e040"}.g1-gallery-share-twitter{background-color:#00aced}.g1-gallery-share-twitter:before{content:"\e041"}.g1-gallery-share-pinterest{background-color:#c92228}.g1-gallery-share-pinterest:before{content:"\e042"}@media only screen and (min-width:1025px){.g1-gallery-shares{width:100%;margin-bottom:10px}}.g1-gallery-next-frame,.g1-gallery-previous-frame{padding:10px 2px;position:absolute;z-index:2;top:50%;font:24px/24px mace;text-align:center;background-color:rgba(255,255,255,.333);color:#000;border-radius:4px;transition:background-color 375ms ease-in-out;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}.g1-gallery-next-frame:hover,.g1-gallery-previous-frame:hover{background-color:#fff}.g1-gallery-previous-frame{left:0;border-top-left-radius:0;border-bottom-left-radius:0}.g1-gallery-previous-frame:before{position:relative;right:2px;content:"\e022"}.g1-gallery-next-frame{right:0;border-top-right-radius:0;border-bottom-right-radius:0}.g1-gallery-next-frame:before{position:relative;left:2px;content:"\e023"}.g1-gallery-frame:first-child .g1-gallery-previous-frame{display:none}.g1-gallery-frame:last-child .g1-gallery-next-frame{display:none}@media only screen and (min-width:601px){.g1-gallery-next-frame,.g1-gallery-previous-frame{padding:10px;border-radius:50%}.g1-gallery-previous-frame{left:10px}.g1-gallery-next-frame{right:10px}}.g1-gallery-thumbnails-mode .g1-gallery-header-right .g1-gallery-back-to-slideshow{display:block}.g1-gallery-thumbnails-mode .g1-gallery-thumbnails32{display:-ms-flexbox;display:-webkit-flex;display:flex}.g1-gallery-thumbnails-mode .g1-gallery-frames,.g1-gallery-thumbnails-mode .g1-gallery-numerator,.g1-gallery-thumbnails-mode .g1-gallery-sidebar .g1-gallery-thumbnails,.g1-gallery-thumbnails-mode .g1-gallery-thumbs-button{display:none}.g1-gallery-back-to-slideshow:hover,.g1-gallery-close-button:hover,.g1-gallery-thumbnail:hover,.g1-gallery-thumbnails-down:hover,.g1-gallery-thumbnails-up:hover,.g1-gallery-thumbs-button:hover{cursor:pointer}.g1-gallery-visible .g1-gallery-wrapper{visibility:visible;opacity:1;transition:visibility 0s,opacity 375ms ease-in-out,transform 375ms ease-in-out}.g1-gallery-visible .g1-gallery{visibility:visible;opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);transition:visibility 0s,opacity 375ms ease-in-out,transform 375ms ease-in-out}#fb-root .fb_dialog{z-index:999999!important}.g1-gallery-light .g1-gallery{background-color:#fff;color:#1a1a1a}.g1-gallery-light .g1-gallery-header{border-color:#e6e6e6}.g1-gallery-light .g1-gallery-header .g1-gallery-title{color:#1a1a1a}.g1-gallery-light .g1-gallery-next-frame,.g1-gallery-light .g1-gallery-previous-frame{background-color:#e6e6e6}.g1-gallery-light .g1-gallery-thumbnails-down,.g1-gallery-light .g1-gallery-thumbnails-up{border-color:#fff;background-color:#fff;color:#1a1a1a}.g1-gallery-light .g1-gallery-frame,.g1-gallery-light .g1-gallery-frames .g1-gallery-image-title,.g1-gallery-light .g1-gallery-header-left,.g1-gallery-light .g1-gallery-next-frame,.g1-gallery-light .g1-gallery-previous-frame,.g1-gallery-light .g1-gallery-thumbnails32{border-color:#e6e6e6} /* Source: bzkshop */ .bzk-sidebar .bzkshop-image, .bzkshop-holder .bzkshop-header { background-position: center center; background-repeat: no-repeat; background-size: contain } .bzkshop-holder .bzkshop-logo, .bzkshop-holder .google-auto-placed, .bzkshop-holder.template-box .bzkshop-description ul li:nth-child(n+5), .hidden { display: none } .bzk_stars { margin: 10px 0 !important } .bzk_star { font-size: x-large; width: 20px; display: inline-block; color: #eaeaea } .bzk_star:last-child { margin-right: 0 } .bzk_star:before { content: '\2605' } .bzk_star.on { color: gold } .bzk_star.half:after { content: '\2605'; color: gold; position: absolute; margin-left: -17px; width: 9px; overflow: hidden } .bzkshop-holder { display: block; width: 100%; height: auto; position: relative; overflow: hidden } .bzkshop-holder, .bzkshop-holder * { box-sizing: border-box; font-size: 20px; font-weight: 400; line-height: normal; letter-spacing: normal; text-transform: none; font-style: normal; text-decoration: none; box-shadow: none; color: rgba(0, 0, 0, .87); margin: 0; padding: 0; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; max-width: 100% } .bzkshop-holder .bzkshop-list { display: flex; flex-direction: column; flex-flow: row wrap; font-size: inherit; list-style: none; margin: 0 !important } .bzkshop-holder .bzkshop-item { position: relative; display: flex; flex-direction: column; flex: 1 0 0%; font-size: inherit; min-width: 12em; max-width: 100%; word-wrap: break-word; background-color: #fff; background-clip: border-box; margin: .5em; text-align: center; cursor: pointer; border-radius: 5px; border: 1px solid rgba(0, 0, 0, .125); flex-wrap: wrap; flex-direction: row; transition: transform .15s; box-shadow: 0px 0px 10px #ccc; } .bzkshop-holder .bzkshop-header { display: block; width: 100%; padding-top: 50% } .bzkshop-holder .bzkshop-content { display: block; width: 100%; flex: 1 1 auto; font-size: inherit; padding: .5em 1em 0 } .bzkshop-holder .bzkshop-title { display: block; width: 100%; font-size: 16px; font-weight: 700; margin: .5em 0; line-height: 1.2em; max-height: 2.4em; overflow: hidden; letter-spacing: inherit; text-transform: inherit; font-style: inherit; color: #000 } .bzkshop-holder .bzkshop-button:hover, .bzkshop-holder .bzkshop-title:hover { opacity: .75 } .bzkshop-holder .bzkshop-description { display: block; width: 100%; margin: .5em 0 0; font-size: 14px; line-height: 1.5em; max-height: 4.5em; overflow: hidden; font-size: 13px } .bzkshop-holder .bzkshop-footer { width: 100%; font-size: inherit; padding: 0 1em .5em; display: flex; margin-top: 5px } .bzkshop-holder .bzkshop-offer { display: block; width: 100%; font-size: inherit; margin: .5em 0 .75em; text-align: center } .bzkshop-holder .bzkshop-old-price { display: inline; text-decoration: line-through; font-size: .6em; color: #d11d1d } .bzkshop-holder .bzkshop-discount { position: absolute; top: -1px; right: -1px; font-weight: 700; color: #fff; background-color: #d11d1d; margin: 7px 0 0; padding: .3em .6em .3em .4em; font-size: 15px; font-style: italic } .bzkshop-holder .bzkshop-price { display: inline; font-weight: 700; font-size: .8em } .bzkshop-holder .bzkshop-button { display: block; max-width: 100%; border-radius: 25px; font-size: .7em; font-weight: 700; background-color: #ffdd4a; color: #000; margin: 7px auto; height: 32px; white-space: nowrap; padding: 7px 15px } .bzkshop-holder .bzkshop-button:before { content: attr(data-cta) } .bzkshop-holder.template-box .bzkshop-item { padding-top: 20px; padding-left: 10px } .template-box .bzkshop-list li:only-child .bzkshop-header { padding-top: 20%; flex: 0.5 } .template-box .bzkshop-list li:only-child .bzkshop-content { flex: 1; padding: 0 1em } .template-box .bzkshop-list li:only-child .bzkshop-offer { margin: .5em; text-align: right } .template-box .bzkshop-list li:only-child .bzkshop-title { margin: 0 0 20px } .bzkshop-holder .bzkshop-item:focus, .bzkshop-holder .bzkshop-item:hover { border-color: #007bff; outline: 0; transform: scale(1.03); box-shadow: 0 3px 3px rgb(100 100 100 / 40%); border: 1px solid rgba(0, 0, 0, .125) } @media screen and (max-width:555px) { .bzkshop-list li:nth-child(2n) { display: none } } .prime { background-size: 45px 14px; width: 45px; height: 14px; margin: 0; display: inline-block; background-image: url(https://pix-geeks.com/wp-content/uwkmsq-1894/pxnetwork-bazookamax/css/../img/icon-check-prime@2x.png) } .bzkshop-holder.template-box .bzkshop-description { max-height: 100em; text-align: left } .bzkshop-holder.template-box .bzkshop-description li { font-size: 16px; margin: 0 0 10px; padding: 0 0 0 20px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden } .bzkshop-holder.template-box .bzkshop-description li::before { content: "•"; padding-right: 10px; margin-left: -20px } .bzkshop-holder.template-box .bzkshop-header { background-position: top center } .bzk_table { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; flex-flow: row wrap; align-items: center; justify-content: center; align-items: stretch } .bzk_table_title { margin-left: 10px; font-weight: 700; padding-bottom: 5px; margin-bottom: 10px; position: relative; text-transform: uppercase } .bzk_table_col { margin: 7px; padding: 10px .5em 20px; -webkit-box-flex: 1; flex: 1 0 150px; border-radius: 5px; text-align: left } .pros { background-color: #ebf2f5 } .cons { background-color: #faf0f0 } .afxshop .afxshop-pros ul li:before, .bzk_table .pros ul li:before { background: linear-gradient(#6eb340, #6eb340), linear-gradient(#6eb340, #6eb340), #fff; background-position: center; background-size: 50% 2px, 2px 50%; background-repeat: no-repeat; border: 2px solid #6eb340 } .bzk_table * { list-style: none } .bzk_table ul { margin-left: 10px; padding: 0 } .bzk_table ul li:before { content: ''; display: inline-block; width: 16px; height: 16px; background: linear-gradient(#e05c5c, #e05c5c), #fff; background-position: center; background-size: 50% 2px, 2px 50%; background-repeat: no-repeat; vertical-align: middle; margin: 3px 8px 4px 0; border-radius: 100%; position: static; border: 2px solid #e05c5c } .pros .bzk_table_title { color: #6eb340 } .cons .bzk_table_title { color: #e05c5c } @media screen and (max-width:620px) { .template-box .bzkshop-list li:only-child .bzkshop-header { padding-top: 50%; flex: 1 1 100% } .bzkshop-description ul { margin: 0; } .bzkshop-holder .bzkshop-item { margin: .5em 0; } .bzk_table_col { margin: 7px 0; } } @media screen and (min-width:621px) { /* .bzkshop-holder.template-box .bzkshop-item{ flex-wrap: nowrap; } */ .bzkshop-holder.template-box .bzkshop-header { padding-top: 20%; } } .bzk-sidebar-compact .bzk-sidebar-product:first-of-type { border-top: 1px dotted #ccc } .bzk-sidebar { padding: 3px 8px } .bzk-sidebar-compact .bzk-sidebar-product { border-bottom: 1px dotted #ccc; display: flex; cursor: pointer; padding: 14px 5px; position: relative } .bzk-sidebar-boxes .bzk-sidebar-product { border: 1px solid rgba(0, 0, 0, .1); display: flex; margin-bottom: 16px; border-radius: 5px; cursor: pointer; padding: 15px 5px; box-shadow: 0 2px 3px rgb(100 100 100 / 40%); transition: transform .15s; position: relative } .bzk-sidebar .bzk-sidebar-product .bzkshop-button { border-radius: 5px; height: auto; margin: auto; font-size: 1em; text-transform: lowercase; padding: 4px 8px } .bzk-sidebar .bzk-sidebar-product .bzkshop-footer { display: inline-flex; font-size: 12px; align-items: center; width: 100% } .bzk-sidebar-product-title { font-size: 15px; font-weight: 400; margin: 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical } .bzk-sidebar .bzkshop-old-price { font-size: 1em } .bzk-sidebar .bzkshop-offer { text-align: left; margin: 0 } .bzk-sidebar .bzkshop-price { font-size: 1.2em; font-weight: 700 } .bzk-sidebar .bzkshop-discount { top: -3px; left: -1px; right: auto; font-size: 13px; padding: .3em; position: absolute } .bzk-sidebar .bzkshop-image, .bzk-sidebar-compact .bzkshop-image { width: 60px; height: 60px; min-width: 60px; min-height: 60px; flex-shrink: 0; box-sizing: border-box; border-radius: 5px; background-color: #fff; padding: 5px; background-repeat: no-repeat; background-position: center center; background-size: contain; } .bzk-sidebar .bzkshop-footer { margin: 0; padding: 0 } .bzk-sidebar-product:focus, .bzk-sidebar-product:hover { transform: scale(1.05); } .bzk-sidebar-product-title { font-size: 15px; font-weight: 400; margin: 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical } .bzk-sidebar-product-title:before { content: attr(data-title); } .bzkshop-price { color: #d50010; } .bzkshop-holder .bzkshop-old-price { color: #c10000; opacity: 0.8; } .bzkshop-holder .bzk-table { padding: 20px } .bzk-table .bzk-table-product:last-of-type { border-bottom: 0; } .bzk-table .bzk-table-product { border-bottom: 1px dotted #ccc; display: flex; cursor: pointer; padding: 14px 5px; position: relative; border-radius: 10px; } .bzk-table .bzk-table-product .bzkshop-button { border-radius: 5px; height: auto; margin: auto; font-size: 1em; text-transform: lowercase; padding: 4px 8px } .bzk-table .bzk-table-product .bzkshop-footer { display: inline-flex; font-size: 12px; align-items: center; width: 100% } .bzk-table .bzkshop-old-price { font-size: 1em } .bzk-table .bzkshop-offer { text-align: left; margin: 0 } .bzk-table .bzkshop-price { font-size: 1.2em; font-weight: 700 } .bzk-table .bzkshop-discount { top: -3px; left: -1px; right: auto; font-size: 13px; padding: .3em; position: absolute } .bzk-table .bzkshop-image { width: 120px; height: 120px; background-color: #fff; padding: 5px; background-size: cover; border-radius: 5px; margin-left: 30px; } .bzk-table .bzkshop-footer { margin: 0; padding: 0 } .bzk-table-product-title { font-size: 15px; font-weight: 400; margin: 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical } .bzk-table-product-title:before { content: attr(data-title); } .bzkshop-holder.bzk-table { counter-reset: product-counter; box-shadow: 0 0 20px #ccc; padding: 20px; border-radius: 10px; margin-bottom: 30px; } .bzk-table-product:focus, .bzk-table-product:hover { background: #efefef; } .bzk-table .bzk-table-product::before { position: absolute; top: 60px; counter-increment: product-counter; content: "#" counter(product-counter); font-weight: bold; margin-right: 10px; color: #d11d1d; width: 30px; font-size: 20px; } .bzk-table .bzk-table-product:nth-child(1)::before { content: "🥇"; color: gold; /* Vous pouvez ajuster la couleur si nécessaire */ font-size: 30px; margin-left: -15px; } .bzk-table .bzk-table-product:nth-child(2)::before { content: "🥈"; color: silver; /* Vous pouvez ajuster la couleur si nécessaire */ font-size: 30px; margin-left: -15px; } .bzk-table .bzk-table-product:nth-child(3)::before { content: "🥉"; color: bronze; /* Vous pouvez ajuster la couleur si nécessaire */ font-size: 30px; margin-left: -15px; } .bzkshop-header-raw { display: block; margin: 0 auto; padding: 0 !important; box-shadow: none !important; border: 0 !important; max-height: 50%; max-width: 200px; max-height: 200px; } .bzkshop-header-raw-sidebar { width: 60px; /*height:60px;*/ border-radius: 5px; background-color: #fff; padding: 5px; } .bzkshop-table-image { max-width: 120px; max-height: 120px; background-color: #fff; padding: 0px !important; background-size: cover; border-radius: 5px; margin-left: 30px; border: 0 !important; box-shadow: none !important; } /* Variables */ :root { --bzk_rating-size: 7rem; --bar-size: 1rem; --background-color: #e7f2fa; --bzk_rating-color-default: #2980b9; --bzk_rating-color-background: #c7e1f3; --bzk_rating-color-good: #27ae60; --bzk_rating-color-meh: #f1c40f; --bzk_rating-color-bad: #e74c3c; } /*.bzk_rating item */ .bzk_rating { position: relative; display: flex; align-items: center; justify-content: center; border-radius: 100%; overflow: hidden; background: var(--bzk_rating-color-default); color: var(--bzk_rating-color-default); width: var(--bzk_rating-size); height: var(--bzk_rating-size); /* Basic style for the text */ font-size: calc(var(--bzk_rating-size) / 3); line-height: 1; } /*.bzk_rating circle content */ .bzk_rating span { position: relative; display: flex; font-weight: bold; z-index: 2; } .bzk_rating span small { font-size: 0.5em; font-weight: 900; align-self: center; } /* Bar mask, creates an inner circle with the same color as thee background */ .bzk_rating::after { content: ""; position: absolute; inset: var(--bar-size); background: var(--background-color); border-radius: inherit; z-index: 1; } /* Bar background */ .bzk_rating::before { content: ""; position: absolute; inset: var(--bar-size); border-radius: inherit; box-shadow: 0 0 0 1rem var(--bzk_rating-color-background); z-index: -1; } /* Classes to give different colors to.bzk_ratings, based on their score */ .bzk_rating.good { background: var(--bzk_rating-color-good); color: var(--bzk_rating-color-good); } .bzk_rating.meh { background: var(--bzk_rating-color-meh); color: var(--bzk_rating-color-meh); } .bzk_rating.bad { background: var(--bzk_rating-color-bad); color: var(--bzk_rating-color-bad); } .bzk_product_name { color: #000; font-weight: bold; font-size: 30px; } .bzk_rating_container { display: inline-flex; align-items: center; gap: 10px; /* Adjust the gap between columns as needed */ margin: 20px 0; } .bzk_product_name { flex: 1; /* This will allow the product name to take available space */ } .bzk_rating { flex: 0 0 auto; /* This keeps the rating at its intrinsic width */ } /* ============================================ BZK-TABLE TEMPLATE - Style amélioré ============================================ */ /* Description dans bzk-table - limitée à 3 lignes */ .bzk-table .bzkshop-table-element [itemprop="description"], .bzk-table .bzkshop-table-element .bzkshop-description { font-size: 13px; line-height: 1.5em; color: #555; margin-top: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; max-height: 4.5em; /* 3 lignes * 1.5em */ } /* Conteneur élément texte */ .bzk-table .bzkshop-table-element { display: flex; flex-direction: column; gap: 5px; } /* Zone prix améliorée */ .bzk-table .bzkshop-table-element [itemprop="offers"] { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; } /* Prix barré (ancien prix) - span sans itemprop dans offers */ .bzk-table .bzkshop-table-element [itemprop="offers"]>span.no_ads:not([itemprop]) { text-decoration: line-through; color: #999; font-size: 14px; } /* Prix actuel */ .bzk-table .bzkshop-table-element [itemprop="price"] { font-size: 18px; font-weight: 700; color: #d50010; } /* Badge réduction repositionné */ .bzk-table .bzk-table-product>span.no_ads:not([itemprop]) { position: absolute; top: 10px; left: 10px; background: #d11d1d; color: #fff; font-weight: 700; font-size: 12px; padding: 4px 8px; border-radius: 4px; z-index: 5; } /* Titre produit amélioré */ .bzk-table .bzk-table-product-title { font-size: 15px; font-weight: 600; line-height: 1.4em; color: #222; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } /* Image produit */ .bzk-table .bzkshop-table-image { width: 120px; min-width: 120px; height: 120px; object-fit: contain; background: #fff; border-radius: 8px; margin-left: 35px; border: 1px solid #eee !important; box-shadow: none !important; padding: 5px !important; } /* Espacement produit */ .bzk-table .bzk-table-product { padding: 15px 10px 15px 5px; align-items: flex-start; gap: 10px; transition: background-color 0.2s ease; } /* Masquer les éléments schema inutiles visuellement */ .bzk-table .bzk-table-product>meta, .bzk-table .bzk-table-product>link, .bzk-table .bzk-table-product>span[itemprop="aggregateRating"] { display: none; } /* Responsive mobile */ @media screen and (max-width: 600px) { .bzk-table .bzk-table-product { flex-wrap: wrap; } .bzk-table .bzkshop-table-image { width: 80px; min-width: 80px; height: 80px; margin-left: 25px; } .bzk-table .bzkshop-table-element { flex: 1 1 100%; padding-left: 0 !important; margin-top: 10px; } .bzk-table .bzk-table-product::before { top: 30px; font-size: 16px; } .bzk-table .bzk-table-product:nth-child(1)::before, .bzk-table .bzk-table-product:nth-child(2)::before, .bzk-table .bzk-table-product:nth-child(3)::before { font-size: 24px; margin-left: -10px; } .bzk-table .bzkshop-table-element [itemprop="description"], .bzk-table .bzkshop-table-element .bzkshop-description { -webkit-line-clamp: 2; max-height: 3em; } } /* ============================================ Hack CSS pour masquer les balises

et
parasites ajoutées par wpautop ============================================ */ /* Masquer les

vides */ .bzkshop-holder p:empty, .bzkshop-list p:empty, .bzkshop-item p:empty { display: none !important; } .bzkshop-holder .bzkshop-content > p:empty, .bzkshop-holder .bzkshop-footer > p:empty, .bzkshop-holder .bzkshop-offer > p:empty { display: none !important; } .bzkshop-holder .bzkshop-item > p:empty, .bzkshop-list .bzkshop-item > p:empty { display: none !important; } /* Masquer les

qui suivent .bzkshop-content ou .bzkshop-footer */ .bzkshop-holder .bzkshop-content + p, .bzkshop-holder .bzkshop-footer + p { display: none !important; } /* Afficher en inline les spans de prix dans les

*/ .bzkshop-holder p > span.bzkshop-price, .bzkshop-holder p > span.bzkshop-old-price, .bzkshop-holder p > span.bzkshop-discount, .bzkshop-item p > span.bzkshop-price, .bzkshop-item p > span.bzkshop-old-price, .bzkshop-item p > span.bzkshop-discount { display: inline; } /* Rendre les

dans .bzkshop-offer inline */ .bzkshop-holder .bzkshop-offer > p { margin: 0 !important; padding: 0 !important; display: inline !important; line-height: 1 !important; } /* Masquer les
parasites */ .bzkshop-holder .bzkshop-price br, .bzkshop-holder .bzkshop-old-price br, .bzkshop-holder .bzkshop-discount br, .bzkshop-holder .bzkshop-offer br, .bzkshop-holder .bzkshop-content br, .bzkshop-holder .bzkshop-footer br, .bzkshop-item .bzkshop-price br, .bzkshop-item .bzkshop-old-price br, .bzkshop-item .bzkshop-discount br, .bzkshop-item p br, .bzkshop-list p br { display: none !important; } /* Règles supplémentaires pour cibler directement .bzkshop-list et .bzkshop-item */ .bzkshop-list .bzkshop-item > p:empty, .bzkshop-item > p:empty { display: none !important; } .bzkshop-list p:empty, .bzkshop-item p:empty { display: none !important; } /* ============================================ Règles pour structure HTML cassée par wpautop Quand les

sont directement dans .bzkshop-item sans .bzkshop-content/.bzkshop-footer ============================================ */ /* Réafficher et styler les

directement dans .bzkshop-item quand la structure est cassée */ /* Premier

= titre (style .bzkshop-title) */ .bzkshop-item > p:first-of-type { display: block !important; width: 100%; font-size: 16px; font-weight: 700; margin: .5em 0; line-height: 1.2em; max-height: 2.4em; overflow: hidden; color: #000; } /* Deuxième

= description (style .bzkshop-description) */ .bzkshop-item > p:nth-of-type(2) { display: block !important; width: 100%; margin: .5em 0 0; font-size: 13px; line-height: 1.5em; max-height: 4.5em; overflow: hidden; } /* 3ème

et suivants = prix (style .bzkshop-price) */ .bzkshop-item > p:nth-of-type(n+3) { display: inline !important; font-weight: 700; font-size: .8em; margin: 0 .2em; vertical-align: middle; } /* Masquer les
dans tous les

de .bzkshop-item */ .bzkshop-item p br { display: none !important; } /* Si la structure normale existe (.bzkshop-content), les règles ci-dessus ne s'appliquent pas car .bzkshop-content a sa propre structure */ /* Règles pour .bzkshop-list qui fonctionnent même sans .bzkshop-holder */ .bzkshop-list .bzkshop-item > p { display: none !important; } .bzkshop-list p br { display: none !important; } /* Masquer les

directement dans .bzkshop-list */ .bzkshop-list > p { display: none !important; } /* ========== Ancien styles2.css ========== */ /** * styles2.css – Templates box supplémentaires (style-5 à style-8) * + Intégration des styles newstyles.css : New Grid, Mini Grid, Grid Deal, Box 1–4, Mini Box 1–4, responsive. * Utilisation : [bzkshopping template="box" bzkstyle="style-5" count=2 …] * Même structure que style-1 à style-4, variantes visuelles. */ /* Utilitaire hauteur (override inline / thème) */ .height-auto { height: auto !important; } /********************** * Box – STYLE 5 (bleu nuit / sombre) **********************/ .bzkshop--box-style5 .bzkshop-list { padding: 30px 0; } .bzkshop--box-style5.bzkshop .bzkshop-item { border-radius: 12px; border: 1px solid #1e3a5f; box-shadow: 0 10px 30px rgba(15, 35, 60, 0.35); background: linear-gradient(145deg, #1a2f4a 0%, #0f1c2e 100%); padding: 0; margin-bottom: 1.5em; } .bzkshop--box-style5 .bzkshop-logo { width: 90px; height: 26px; background-size: contain; background-repeat: no-repeat; background-position: right; margin: 0 0.1em 0.5em auto; border-radius: 5px; background-color: rgba(255, 255, 255, 0.12); } .bzkshop--box-style5 .bzkshop-header { padding: 0 5%; background: rgba(30, 58, 95, 0.6); border-radius: 12px 0 0 12px; } .bzkshop--box-style5 .bzkshop-content { padding: 0.5em 1.5em; border-left: 1px solid #2a4a6f; } .bzkshop--box-style5 .bzkshop-image img { border-radius: 8px; } .bzkshop--box-style5.bzkshop .bzkshop-image { padding: 5%; background-color: rgba(20, 40, 65, 0.5); justify-content: center; } .bzkshop--box-style5 .bzkshop-title { padding-right: 8em; color: #7eb8e6; font-size: 1.2em; font-weight: 600; } .bzkshop--box-style5 .bzkshop-description { padding-right: 8em; color: rgba(255, 255, 255, 0.75); } .bzkshop--box-style5.bzkshop .bzkshop-discount { color: #fff; left: 1em; border-radius: 5px; position: absolute; top: 1em; font-size: 0.8em; padding: 0.5em 1em; background: #2563eb; border: none; } .bzkshop--box-style5 .bzkshop-button { position: absolute; right: 25px; bottom: 25px; background: linear-gradient(135deg, #2563eb, #1d4ed8); border-radius: 8px; } /********************** * Box – STYLE 6 (orange / ambre) **********************/ .bzkshop--box-style6 .bzkshop-list { padding: 30px 0; } .bzkshop--box-style6.bzkshop .bzkshop-item { border-radius: 16px; border: 1px solid #e5a84a; box-shadow: 0 8px 24px rgba(234, 88, 12, 0.15); background-color: #fffbeb; padding: 0; margin-bottom: 1.5em; } .bzkshop--box-style6 .bzkshop-logo { position: absolute; left: 1.3em; top: 1em; background-color: #fff; width: 100px; height: 30px; border-radius: 8px; background-size: contain; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); } .bzkshop--box-style6 .bzkshop-header { padding: 0 5%; background: linear-gradient(135deg, #f59e0b, #ea580c); border-radius: 16px 0 0 16px; } .bzkshop--box-style6 .bzkshop-content { padding: 0.5em 1.5em; border-left: 1px solid #e5a84a; } .bzkshop--box-style6 .bzkshop-image img { border-radius: 12px; } .bzkshop--box-style6.bzkshop .bzkshop-image { padding: 5%; justify-content: center; background-color: #fff; } .bzkshop--box-style6 .bzkshop-title { padding-right: 8em; color: #92400e; font-size: 1em; font-weight: 600; } .bzkshop--box-style6 .bzkshop-description { padding-right: 8em; } .bzkshop--box-style6.bzkshop .bzkshop-discount { top: 1em; right: 1em; border-radius: 8px; color: #fff; border: none; background: #dc2626; left: inherit; padding: 0.5em 0.8em; font-size: 0.9em; font-weight: 600; } .bzkshop--box-style6 .bzkshop-button { position: absolute; right: 25px; bottom: 25px; background: linear-gradient(135deg, #f59e0b, #d97706); border-radius: 12px; } /********************** * Box – STYLE 7 (minimaliste gris) **********************/ .bzkshop--box-style7 .bzkshop-list { padding: 30px 0; } .bzkshop--box-style7.bzkshop .bzkshop-item { max-width: 85% !important; border-radius: 6px; border: 1px solid #e5e7eb; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06); background-color: #fff; padding: 0; margin-bottom: 1.5em; } .bzkshop--box-style7 .bzkshop-logo { width: 90px; height: 26px; background-size: contain; background-repeat: no-repeat; background-position: right; margin: 0 0.1em 0.5em auto; border-radius: 4px; background-color: #f9fafb; } .bzkshop--box-style7 .bzkshop-header { padding: 0 5%; background-color: #f3f4f6; border-radius: 6px 0 0 6px; } .bzkshop--box-style7 .bzkshop-content { padding: 0.5em 1.5em; border-left: 1px solid #e5e7eb; } .bzkshop--box-style7 .bzkshop-image img { border-radius: 4px; } .bzkshop--box-style7.bzkshop .bzkshop-image { padding: 5%; justify-content: center; background-color: #fff; } .bzkshop--box-style7 .bzkshop-title { padding-right: 8em; color: #374151; font-size: 1em; font-weight: 600; } .bzkshop--box-style7 .bzkshop-description { padding-right: 8em; color: #6b7280; } .bzkshop--box-style7.bzkshop .bzkshop-discount { border-radius: 4px; background: #6b7280; color: #fff; border: none; font-size: 0.8em; padding: 0.4em 0.8em; left: 1em; top: 1em; position: absolute; } .bzkshop--box-style7 .bzkshop-button { position: absolute; right: 25px; bottom: 25px; background-color: #374151; border-radius: 6px; } /********************** * Box – STYLE 8 (vert forêt) **********************/ .bzkshop--box-style8 .bzkshop-list { padding: 30px 0; } .bzkshop--box-style8.bzkshop .bzkshop-item { max-width: 85% !important; border-radius: 18px; border: none; box-shadow: 0 10px 25px rgba(22, 101, 52, 0.12); background: linear-gradient(160deg, #f0fdf4 0%, #dcfce7 100%); padding: 0; margin-bottom: 1.5em; } .bzkshop--box-style8 .bzkshop-logo { position: absolute; right: 1.5em; bottom: 1.5em; width: 100px; height: 30px; border-radius: 8px; background-size: contain; background-repeat: no-repeat; background-position: center; background-color: rgba(255, 255, 255, 0.9); } .bzkshop--box-style8 .bzkshop-header { padding: 0 5%; background: linear-gradient(135deg, #166534, #15803d); border-radius: 18px 0 0 18px; } .bzkshop--box-style8 .bzkshop-content { padding: 0.5em 1.5em; } .bzkshop--box-style8 .bzkshop-image img { border-radius: 999px; } .bzkshop--box-style8.bzkshop .bzkshop-image { padding: 5%; justify-content: center; background-color: rgba(255, 255, 255, 0.6); } .bzkshop--box-style8 .bzkshop-title { padding-right: 1em; color: #14532d; font-size: 1em; font-weight: 600; } .bzkshop--box-style8 .bzkshop-description { display: none; } .bzkshop--box-style8.bzkshop .bzkshop-discount { color: #fff; border-radius: 99px; position: absolute; top: 1em; left: 1em; font-size: 0.8em; padding: 0.5em 1em; background: #16a34a; border: none; } .bzkshop--box-style8 .bzkshop-button { background: linear-gradient(90deg, #16a34a, #22c55e); border-radius: 999px; } /********************** * Responsive – style-5 à style-8 (même logique que style-1 à 4) **********************/ @media (max-width: 768px) { [class*="bzkshop--box-style"].bzkshop .bzkshop-item { flex-direction: column !important; max-width: 85% !important; } [class*="bzkshop--box-style"] .bzkshop-header { border-radius: 10px 10px 0 0 !important; width: 100%; } [class*="bzkshop--box-style"] .bzkshop-content { border-left: none !important; padding: 1em !important; } [class*="bzkshop--box-style"] .bzkshop-title, [class*="bzkshop--box-style"] .bzkshop-description { padding-right: 0 !important; } .bzkshop--box-style5 .bzkshop-button, .bzkshop--box-style6 .bzkshop-button, .bzkshop--box-style7 .bzkshop-button { position: static !important; margin: 1em auto !important; width: auto; } .bzkshop--box-style6 .bzkshop-logo { position: static !important; margin: 0 0 8px 0; } .bzkshop--box-style8 .bzkshop-logo { position: static !important; margin: 8px auto 0; } } /************************************** * Extrait newstyles.css **************************************/ /************************************** * * NEW GRID – BAZOOKA NEW STYLE 1 * * * **************************************/ .bzkshop--newgrid-style1.bzkshop-grid .bzkshop-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); } .bzkshop--newgrid-style1.bzkshop{ padding: 10px; } /********************** * CARD ITEM **********************/ .bzkshop--newgrid-style1.bzkshop-grid .bzkshop-item { background: #f3f5f5; border-radius: 20px; padding: 20px; box-shadow: 0 16px 20px rgba(0, 0, 0, 0); display: flex; flex-direction: column; height: 100%; position: relative; box-sizing: border-box; transition: transform 0.3s ease, box-shadow 0.2s ease; border: 0px !important; } .bzkshop--newgrid-style1.bzkshop-grid .bzkshop-item:hover { transform: translateY(-8px); box-shadow: 5px 10px 15px rgba(0, 0, 0, 0.12); } /********************** * LOGO – POSITION ABSOLUTE * **********************/ .bzkshop--newgrid-style1.bzkshop-grid .bzkshop-content .bzkshop-logo { position: absolute; top: -13em; right: -1px; width: 90px; height: 30px; background-size: contain; background-repeat: no-repeat; background-position: center center; border-radius: 0 0 0 8px; background-color: #fff; z-index: 5; padding: 0; margin-top:0; } /********************** * IMAGE **********************/ .bzkshop--newgrid-style1.bzkshop-grid .bzkshop-image { padding: 10px; background: #fff; display: block; border-radius: 15px; } .bzkshop--newgrid-style1.bzkshop-grid .bzkshop-header .bzkshop-image img { border-radius: 15px !important; min-height: 210px; max-height: 210px; } /********************** * TITRE + DESCRIPTION **********************/ .bzkshop--newgrid-style1.bzkshop-grid .bzkshop-content { position: relative; margin-bottom: 16px; text-align: left !important; padding:0px; } .bzkshop--newgrid-style1.bzkshop-grid .bzkshop-title { margin-top: 12px; font-weight: 600; } .bzkshop--newgrid-style1.bzkshop-grid .bzkshop-description { font-size: 13px; color: #555; margin: 0; } /********************** * PRIX **********************/ .bzkshop--newgrid-style1.bzkshop-grid .bzkshop-offer { display: block !important; text-align: left !important; align-items: unset !important; /* neutralise align-items */ justify-content: unset !important; /*height: auto !important;*/ } .bzkshop--newgrid-style1.bzkshop-grid .bzkshop-footer {padding: 0;} .bzkshop--newgrid-style1.bzkshop-grid .bzkshop-price { font-weight: 700; color: #111; display: inline-flex; } /********************** * DISCOUNT **********************/ .bzkshop--newgrid-style1.bzkshop .bzkshop-discount{ width: 55px; height: 55px; border-radius: 5px; display: inline-flex; align-items: center; justify-content: center; line-height: 1; background: #fff; border: 2px solid #3298a3; color: #3298a3; font-weight: 700; right: 0; top: 27.5em; margin-right: 20px; padding: 10px; font-size: 0.8em; } /********************** * CTA **********************/ .bzkshop--newgrid-style1.bzkshop .bzkshop-button { border-radius: 5px; font-weight:500; max-width:100%; font-size: 0.9em; text-transform: uppercase; } /******************************** * * NEW GRID - BAZOOKA NEW STYLE2 * * * *********************************/ .bzkshop--newgrid-style2.bzkshop-grid .bzkshop-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); } .bzkshop--newgrid-style2.bzkshop{ padding: 10px; } /********************** * CARD ITEM **********************/ .bzkshop--newgrid-style2.bzkshop-grid .bzkshop-item { background: #f8f1f0; border-radius: 20px; padding: 20px; box-shadow: 0 16px 20px rgba(0, 0, 0, 0); display: flex; flex-direction: column; height: 100%; position: relative; box-sizing: border-box; transition: transform 0.2s ease, box-shadow 0.2s ease; border: 0px !important; } .bzkshop--newgrid-style2.bzkshop-grid .bzkshop-item:hover { transform: translateY(-3px); box-shadow: 5px 10px 15px rgba(0, 0, 0, 0.12); } /********************** * LOGO – POSITION ABSOLUTE * **********************/ .bzkshop--newgrid-style2.bzkshop-grid .bzkshop-content .bzkshop-logo { width: 90px; height: 30px; background-size: contain; background-repeat: no-repeat; background-position: center center; border-radius: 8px; background-color: #fff; z-index: 5; padding: 0; margin-top:10px; } /********************** * IMAGE **********************/ .bzkshop--newgrid-style2.bzkshop-grid .bzkshop-image { padding: 10px; display: block; border-radius: 999px; } .bzkshop--newgrid-style2.bzkshop-grid .bzkshop-header .bzkshop-image img { border-radius: 999px !important; height: 210px; max-height: 210px; max-width: 210px !important; border: solid #fff 8px; } /********************** * TITRE + DESCRIPTION **********************/ .bzkshop--newgrid-style2.bzkshop-grid .bzkshop-content { position: relative; margin-bottom: 16px; text-align: left !important; padding:0px; } .bzkshop--newgrid-style2.bzkshop-grid .bzkshop-title { margin-top: 12px; font-weight: 600; color: #f55543; } .bzkshop--newgrid-style2.bzkshop-grid .bzkshop-description { font-size: 13px; color: #555; margin: 0; } /********************** * PRIX **********************/ .bzkshop--newgrid-style2.bzkshop-grid .bzkshop-offer { display: block !important; text-align: left !important; align-items: unset !important; /* neutralise align-items */ justify-content: unset !important; } .bzkshop--newgrid-style2.bzkshop-grid .bzkshop-footer {padding: 0;} .bzkshop--newgrid-style2.bzkshop-grid .bzkshop-price { font-weight: 700; color: #111; } /********************** * DISCOUNT **********************/ .bzkshop--newgrid-style2.bzkshop .bzkshop-discount{ width: 55px; height: 55px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; line-height: 1; background: #f55543; border: 2px solid #f55543; color: #fff; font-weight: 700; right: 0px; top: 20px; margin-right: 20px; padding: 10px; font-size: 0.8em; } /********************** * BUTTON **********************/ .bzkshop--newgrid-style2.bzkshop .bzkshop-button { border-radius: 50px; font-weight:500; max-width:100%; font-size: 0.9em; text-transform: uppercase; background-color : #f55543; } /************************************** * * * NEW GRID – BAZOOKA NEW STYLE3 * * * **************************************/ .bzkshop--newgrid-style3.bzkshop-grid .bzkshop-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); } .bzkshop--newgrid-style3.bzkshop{ padding: 10px !important; } /********************** * CARD ITEM **********************/ .bzkshop--newgrid-style3.bzkshop-grid .bzkshop-item { background: #fff; border-radius: 20px; padding: 0; box-shadow: 0px 0px 20px rgba(0, 132, 255, 0.2); display: flex; flex-direction: column; height: 100%; position: relative; box-sizing: border-box; transition: transform 0.25s, box-shadow 0.2s; border: 1px solid #ddd; } .bzkshop--newgrid-style3.bzkshop-grid .bzkshop-item:hover { transform: scale(1.03); box-shadow: 5px 10px 20px rgba(0, 132, 255, 0.2); } /********************** * LOGO – POSITION ABSOLUTE * **********************/ .bzkshop--newgrid-style3.bzkshop-grid .bzkshop-content .bzkshop-logo { position: absolute; top: -1.6em; width: 110px; height: 30px; background-size: contain; background-repeat: no-repeat; background-position: center center; border-radius: 3px; background-color: #fff; z-index: 5; padding: 5px; margin-top:0; } /********************** * IMAGE **********************/ .bzkshop--newgrid-style3.bzkshop-grid .bzkshop-image { padding: 0; background: #fff; display: block; border-radius: 20px 20px 0 0; min-height: 210px; max-height: 210px; } .bzkshop--newgrid-style3.bzkshop-grid .bzkshop-header .bzkshop-image img { border-radius: 20px 20px 0 0 ; min-height: 210px; max-height: 210px; } /********************** * TITRE + DESCRIPTION **********************/ .bzkshop--newgrid-style3.bzkshop-grid .bzkshop-content { position: relative; margin-bottom: 10px; text-align: center !important; padding:10px 20px; } .bzkshop--newgrid-style3.bzkshop-grid .bzkshop-title { margin-top: 12px; font-weight: 600; color: #0084ff; } .bzkshop--newgrid-style3.bzkshop-grid .bzkshop-description { font-size: 13px; color: #555; margin: 0; } /********************** * PRIX **********************/ .bzkshop--newgrid-style3.bzkshop-grid .bzkshop-offer { display: block !important; text-align: center !important; align-items: unset !important; /* neutralise align-items */ justify-content: unset !important; /* height: auto !important;*/ } .bzkshop--newgrid-style3.bzkshop-grid .bzkshop-footer {padding: 0;} .bzkshop--newgrid-style3.bzkshop-grid .bzkshop-price { font-weight: 700; color: #00274c; } /********************** * DISCOUNT **********************/ .bzkshop--newgrid-style3.bzkshop .bzkshop-discount{ border-color: #0084ff; background-color: #0084ff; color: #fff; border-radius: 10px; font-size: 1em; padding: 0.25em; } /********************** * BUTTON **********************/ .bzkshop--newgrid-style3.bzkshop .bzkshop-button { border-radius: 0 0 20px 20px; font-weight:500; max-width:100%; font-size: 0.9em; text-transform: uppercase; background-color : #0084ff; margin: 0 auto; padding: 0.8em; } /************************************** * * NEW GRID – BAZOOKA NEW STYLE 4 * * * **************************************/ /********* GRID *********/ .bzkshop--newgrid-style4.bzkshop { padding: 10px; } /********* LISTE *********/ .bzkshop--newgrid-style4.bzkshop-grid .bzkshop-list { list-style: none; margin: 0; padding: 10px 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); } /********************** * CARD ITEM **********************/ .bzkshop--newgrid-style4.bzkshop-grid .bzkshop-item { border-radius: 20px; padding: 20px; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.09); display: flex; flex-direction: column; height: 100%; position: relative; box-sizing: border-box; transition: transform 0.3s ease, box-shadow 0.2s ease; border: 1px solid #ddd; } .bzkshop--newgrid-style4.bzkshop-grid .bzkshop-item:hover { transform: translateY(-8px); box-shadow: 5px 10px 15px rgba(0, 0, 0, 0.12); } /********************** * HEADER * **********************/ /*.bzkshop--newgrid-style4 .bzkshop-header { margin-top: 2.5em; }*/ /********************** * LOGO – POSITION ABSOLUTE * **********************/ .bzkshop--newgrid-style4.bzkshop-grid .bzkshop-content .bzkshop-logo { position: absolute; top: -14em !important; right: 5px; width: 90px; height: 30px; background-size: contain; background-repeat: no-repeat; background-position: center center; border-radius: 5px; background-color: #fff; z-index: 5; padding: 0; margin-top:0; } /********************** * IMAGE **********************/ .bzkshop--newgrid-style4.bzkshop-grid .bzkshop-image { padding: 10px; background: #fff; display: block; border-radius: 15px; margin-top : 30px; } .bzkshop--newgrid-style4.bzkshop-grid .bzkshop-header .bzkshop-image img { border-radius: 15px !important; min-height: 210px; max-height: 210px; } /********************** * TITRE + DESCRIPTION **********************/ .bzkshop--newgrid-style4.bzkshop-grid .bzkshop-content { position: relative; margin-bottom: 16px; padding:0px; } .bzkshop--newgrid-style4.bzkshop-grid .bzkshop-title { margin-top: 12px; font-weight: 600; color: #111111; } /********************** * PRIX **********************/ .bzkshop--newgrid-style4.bzkshop-grid .bzkshop-offer { display: block !important; align-items: unset !important; /* neutralise align-items */ justify-content: unset !important; } .bzkshop--newgrid-style4.bzkshop-grid .bzkshop-footer {padding: 0;} .bzkshop--newgrid-style4.bzkshop-grid .bzkshop-price { font-weight: 700; color: #111; display: inline-flex; } /********************** * DISCOUNT **********************/ .bzkshop--newgrid-style4.bzkshop .bzkshop-discount{ left: 1em; top: 1em; right: inherit; width: 55px; height: 55px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; line-height: 1; background: #7a9282; border: 2px solid #7a9282; color: #fff; font-weight: 700; margin-right: 20px; padding: 10px; font-size: 0.8em; bottom: 0; } /********************** * BUTTON **********************/ .bzkshop--newgrid-style4.bzkshop .bzkshop-button { border-radius: 5px; font-weight:500; max-width:80%; font-size: 0.9em; text-transform: uppercase; background:linear-gradient(90deg, #7a9282, #9eb5a5); } /********************************* * * * MINI GRID NEW STYLE 1 – BAZOOKA * * * *********************************/ .bzkshop--minigrid-style1.mini-grid {padding: 20px 0;} /********* LISTE *********/ .bzkshop--minigrid-style1.bzkshop-grid .bzkshop-list { list-style: none; margin: 0; padding: 0; /* PAS DE GRID → tu conserves ta largeur 18% */ display: block; } /********* CARD *********/ .bzkshop--minigrid-style1.bzkshop-grid .bzkshop-item { background: #f4f4f4; border-radius: 20px; padding: 16px; border: 1px solid rgba(0, 0, 0, 0.05); box-shadow: 0 10px 25px rgba(0,0,0,0.08); display: flex; flex-direction: column; position: relative; box-sizing: border-box; transition: transform 0.2s ease, box-shadow 0.2s ease; margin: 0.9em; } .bzkshop--minigrid-style1.bzkshop-grid .bzkshop-item:hover { transform: translateY(-3px); box-shadow: 0 14px 30px rgba(0,0,0,0.15); } /********* LOGO *********/ .bzkshop--minigrid-style1.bzkshop-grid .bzkshop-content .bzkshop-logo { width: 80px; height: 30px; background-size: contain; background-repeat: no-repeat; background-position: center center; margin: 0 auto 8px auto; border-radius: 6px; background-color: #ffffff; } /********* IMAGE *********/ .bzkshop--minigrid-style1.bzkshop-grid .bzkshop-image { padding: 8px; display: flex; justify-content: center; align-items: center; background-color: #fff; border-radius: 999px; height: 180px; width: 180px; } .bzkshop--minigrid-style1.bzkshop-grid .bzkshop-image img { border-radius: 999px; object-fit: contain; } /********* CONTENU *********/ .bzkshop--minigrid-style1.bzkshop-grid .bzkshop-content { text-align: center !important; margin-top: 10px; } /********* TITRE *********/ .bzkshop--minigrid-style1.bzkshop-grid .bzkshop-title { font-size: 1.3em; line-height: 1.35; font-weight: 600; color: #222222; margin: 0 0 6px 0; text-align: center !important; } /********* DESCRIPTION *********/ .bzkshop--minigrid-style1.bzkshop-grid .bzkshop-description { font-size: 1em; color: #555555; margin: 0 0 10px 0; text-align: center !important; } /********* PRIX *********/ .bzkshop--minigrid-style1.bzkshop-grid .bzkshop-offer { display: block !important; text-align: center !important; justify-content: unset !important; align-items: unset !important; /*height: auto !important;*/ } .bzkshop--minigrid-style1.bzkshop-grid .bzkshop-price { font-size: 1.8em; font-weight: 700; color: #111111; margin-bottom: 8px; } /********* CTA *********/ .bzkshop--minigrid-style1.bzkshop-grid .bzkshop-button { display: inline-block; width:100%; padding: 10px; border-radius: 30px; color: #ffffff; font-weight: 600; font-size: 13px; text-transform: uppercase; letter-spacing: 0.03em; text-align: center; background: linear-gradient(90deg, #8a6ff8, #53b7ff); box-shadow: 0 4px 12px rgba(0,0,0,0.2); transition: filter .2s ease, transform .2s ease; } .bzkshop--minigrid-style1.bzkshop-grid .bzkshop-button:hover { filter: brightness(1.06); transform: translateY(-1px); } /********************** * DISCOUNT **********************/ .bzkshop--minigrid-style1.bzkshop .bzkshop-discount{ width: 55px; height: 55px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; line-height: 1; background: #54b6ff; border: 2px solid #54b6ff; color: #fff; font-weight: 700; right: 0px; top: 10px; margin-right: 20px; padding: 10px; font-size: 1.09em; } /********************************* * * * MINI GRID NEW STYLE 2 – BAZOOKA * * * *********************************/ .bzkshop--minigrid-style2.mini-grid {padding: 20px 0;} /********* LISTE *********/ .bzkshop--minigrid-style2.bzkshop-grid .bzkshop-list { list-style: none; margin: 0; padding: 0; /* PAS DE GRID → tu conserves ta largeur 18% */ display: block; } /********* CARD *********/ .bzkshop--minigrid-style2.bzkshop-grid .bzkshop-item { background: #ffffff; border-radius: 5px; padding: 16px; border: 1px solid rgba(0, 0, 0, 0.05); box-shadow: 0 10px 25px rgba(0,0,0,0.15); display: flex; flex-direction: column; position: relative; box-sizing: border-box; transition: transform 0.2s ease, box-shadow 0.2s ease; margin: 0.9em; } .bzkshop--minigrid-style2.bzkshop-grid .bzkshop-item:hover { transform: translateY(-3px); box-shadow: 0 14px 30px rgba(0,0,0,0.25); } /********* LOGO *********/ .bzkshop--minigrid-style2.bzkshop-grid .bzkshop-content .bzkshop-logo { width: 80px; height: 26px; background-size: contain; background-repeat: no-repeat; background-position: center center; margin: 0 auto 8px auto; border-radius: 6px; background-color: #ffffff; } /********* IMAGE *********/ .bzkshop--minigrid-style2.bzkshop-grid .bzkshop-image { padding: 8px; display: flex; justify-content: center; align-items: center; background-color:#fff; border-radius: 5px; } .bzkshop--minigrid-style2.bzkshop-grid .bzkshop-image img { max-width: 100%; border-radius: 5px; box-shadow: 1px 1px 12px rgba(0,0,0,0.21); } /********* CONTENU *********/ .bzkshop--minigrid-style2.bzkshop-grid .bzkshop-content { text-align: center !important; margin-top: 10px; } /********* TITRE *********/ .bzkshop--minigrid-style2.bzkshop-grid .bzkshop-title { font-size: 1.3em; line-height: 1.35; font-weight: 600; color: #222222; margin: 0 0 6px 0; text-align: center !important; } /********* DESCRIPTION *********/ .bzkshop--minigrid-style2.bzkshop-grid .bzkshop-description { font-size: 1em; color: #555555; margin: 0 0 10px 0; text-align: center !important; } /********* PRIX *********/ .bzkshop--minigrid-style2.bzkshop-grid .bzkshop-offer { display: block !important; text-align: center !important; justify-content: unset !important; align-items: unset !important; /*height: auto !important;*/ } .bzkshop--minigrid-style2.bzkshop-grid .bzkshop-price { font-size: 1.8em; font-weight: 700; color: #111111; margin-bottom: 8px; } /********* CTA *********/ .bzkshop--minigrid-style2.bzkshop-grid .bzkshop-button { display: inline-block; width:100%; padding: 10px; border-radius: 5px; color: #ffffff; font-weight: 600; font-size: 13px; text-transform: uppercase; letter-spacing: 0.03em; text-align: center; background: #f68a29; transition: filter .2s ease, transform .2s ease; } .bzkshop--minigrid-style2.bzkshop-grid .bzkshop-button:hover { filter: brightness(1.06); transform: translateY(-1px); } /********************** * DISCOUNT **********************/ .bzkshop--minigrid-style2.bzkshop .bzkshop-discount{ border-color: #9957d7; background-color: #9957d7; color: #fff; border-radius: 3px; } /********************************* * * MINI GRID – NEW STYLE 3 * * *********************************/ /********************** * GRID **********************/ .bzkshop--minigrid-style3.bzkshop-grid { background: #e7ebf2; border-radius: 24px; padding: 24px; max-width: 70%; margin: 20px auto; } /********************** * LIST **********************/ .bzkshop--minigrid-style3.bzkshop-grid .bzkshop-list { list-style: none; margin: 0; padding: 0; display: flex; justify-content: space-between; } /********************** * CARD ITEM **********************/ .bzkshop--minigrid-style3.bzkshop-grid .bzkshop-item { max-width: none !important; box-shadow:none; border:none; padding: 10px 24px; box-sizing: border-box; display: flex !important; flex-direction: column !important; /* TOUT en colonne */ align-items: center !important; border-right: 2px solid #fff; background: transparent; border-radius: 0; } .bzkshop--minigrid-style3.bzkshop-grid .bzkshop-item:last-child { border-right: none; } .bzkshop--minigrid-style3.bzkshop-grid .bzkshop-header, .bzkshop--minigrid-style3.bzkshop-grid .bzkshop-content, .bzkshop--minigrid-style3.bzkshop-grid .bzkshop-footer { width: 100%; display: flex; flex-direction: column; align-items: center; } /********************** * IMAGE RONDE **********************/ .bzkshop--minigrid-style3.bzkshop-grid .bzkshop-header .bzkshop-image { padding: 8px; display: flex; justify-content: center; align-items: center; border-radius: 999px; height: 180px; width: 180px; } .bzkshop--minigrid-style3.bzkshop-grid .bzkshop-header .bzkshop-image img { border-radius: 999px; object-fit: contain; border: 10px solid #f4f7fb; } /********************** * LOGO MARQUE **********************/ .bzkshop--minigrid-style3.bzkshop-grid .bzkshop-content .bzkshop-logo { width: 80px; height: 26px; background-size: contain; background-repeat: no-repeat; background-position: center center; margin: 0 auto 8px auto; border-radius: 6px; background-color: #ffffff; } /********************** * TITRE **********************/ .bzkshop--minigrid-style3.bzkshop-grid .bzkshop-content { position: relative; text-align: center; padding: 0; margin-bottom: 8px; } .bzkshop--minigrid-style3.bzkshop-grid .bzkshop-title { font-size: 16px; font-weight: 600; color: #111827; margin: 0; line-height: 1.2em; } .bzkshop--minigrid-style3 .bzkshop-description { font-size:1em; } /********************** * PRIX **********************/ .bzkshop--minigrid-style3.bzkshop-grid .bzkshop-footer { padding: 8px 0 0 0; gap: 8px; } /* Prix au centre, en bloc, pas en colonne flex */ .bzkshop--minigrid-style3.bzkshop-grid .bzkshop-offer { display: block !important; width: 100%; text-align: center !important; align-items: unset !important; justify-content: unset !important; /* height: auto !important;*/ } .bzkshop--minigrid-style3.bzkshop-grid .bzkshop-price { font-size: 1.8em; font-weight: 700; color: #111827; margin: 0; } /********************** * BOUTON **********************/ .bzkshop--minigrid-style3.bzkshop-grid .bzkshop-button { background: #8a4ceb; color: #ffffff !important; border: none !important; border-radius: 999px; padding: 10px 30px; font-weight: 600; font-size: 14px; text-transform: uppercase; text-align: center; letter-spacing: 0.03em; max-width: 100%; display: inline-block; transition: all 0.2s ease; margin: 0 auto; } .bzkshop--minigrid-style3.bzkshop-grid .bzkshop-button:hover { filter: brightness(1.08); transform: translateY(-1px); } /********************** * DISCOUNT **********************/ .bzkshop--minigrid-style3.bzkshop .bzkshop-discount{ width: 55px; height: 55px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; line-height: 1; background: #8a4ceb; border: 2px solid #8a4ceb; color: #fff; font-weight: 700; right: 0; top: 10px; margin-right: 20px; padding: 10px; font-size: 1.09em; } /********************************* * * * MINI GRID – NEW STYLE 4 * * * *********************************/ /* Conteneur global : grande box blanche avec arrondis + ombre */ .bzkshop--minigrid-style4.bzkshop-grid { background: #ffffff; border-radius: 5px; box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2); padding: 24px; max-width: 70%; margin: 20px auto; } /* Les 3 cards côte à côte */ .bzkshop--minigrid-style4.bzkshop-grid .bzkshop-list { list-style: none; margin: 0; padding: 0; display: flex; justify-content: space-between; } /* CARD : forcer la colonne */ .bzkshop--minigrid-style4.bzkshop-grid .bzkshop-item { max-width: none !important; box-shadow:none; border:none; /* override du 18% inline */ flex: 1 1 0; padding: 10px 24px; box-sizing: border-box; display: flex !important; flex-direction: column !important; /* TOUT en colonne */ align-items: center !important; border-right: 1px solid #ddd; background: transparent; border-radius: 0; } /* Pas de trait sur la dernière card */ .bzkshop--minigrid-style4.bzkshop-grid .bzkshop-item:last-child { border-right: none; } /* Pour être sûr : header/content/footer en colonne et centrés */ .bzkshop--minigrid-style4.bzkshop-grid .bzkshop-header, .bzkshop--minigrid-style4.bzkshop-grid .bzkshop-content, .bzkshop--minigrid-style4.bzkshop-grid .bzkshop-footer { width: 100%; display: flex; flex-direction: column; align-items: center; } /********************** * IMAGE **********************/ .bzkshop--minigrid-style4.bzkshop-grid .bzkshop-header .bzkshop-image { display: flex; align-items: center; justify-content: center; margin: 0 auto 10px auto; padding: 0; } .bzkshop--minigrid-style4.bzkshop-grid .bzkshop-header .bzkshop-image img { border-radius: 5px; object-fit: contain; } /********************** * LOGO MARQUE **********************/ .bzkshop--minigrid-style4.bzkshop-grid .bzkshop-content .bzkshop-logo { width: 80px; height: 26px; background-size: contain; background-repeat: no-repeat; background-position: center center; margin: 0 auto 8px auto; border-radius: 5px; background-color: #ffffff; } /********************** * TITRE **********************/ .bzkshop--minigrid-style4.bzkshop-grid .bzkshop-content { position: relative; text-align: center; padding: 0; margin-bottom: 8px; } .bzkshop--minigrid-style4.bzkshop-grid .bzkshop-title { font-size: 16px; font-weight: 600; color: #111827; margin: 0; line-height: 1.2; } .bzkshop--minigrid-style4 .bzkshop-description { font-size : 1em; } /********************** * PRIX **********************/ .bzkshop--minigrid-style4.bzkshop-grid .bzkshop-footer { padding: 8px 0 0 0; gap: 8px; } /* Prix au centre, en bloc, pas en colonne flex */ .bzkshop--minigrid-style4.bzkshop-grid .bzkshop-offer { display: block !important; width: 100%; text-align: center !important; align-items: unset !important; justify-content: unset !important; } .bzkshop--minigrid-style4.bzkshop-grid .bzkshop-price { font-size: 1.8em; font-weight: 700; color: #111827; margin: 0; } /********************** * BOUTON **********************/ .bzkshop--minigrid-style4.bzkshop-grid .bzkshop-button { background: #29a7b2; color: #ffffff !important; border: none !important; border-radius: 5px; padding: 10px 30px; font-weight: 600; font-size: 14px; text-transform: uppercase; text-align: center; letter-spacing: 0.03em; max-width: 100%; display: inline-block; transition: all 0.2s ease; margin: 0 auto; } .bzkshop--minigrid-style4.bzkshop-grid .bzkshop-button:hover { filter: brightness(1.08); transform: translateY(-1px); } /********************** * DISCOUNT **********************/ .bzkshop--minigrid-style4.bzkshop .bzkshop-discount{ border-color: #29a7b2; background-color: #29a7b2; color: #ffffff; right: 10px; border-radius: 3px; } /********************** * * * GRID DEAL – NEW STYLE 1 * * **********************/ .bzkshop--griddeal-style1 .bzkshop-list { padding: 30px 0; } /********************** * ITEM **********************/ .bzkshop--griddeal-style1.bzkshop .bzkshop-item { border: solid 1px #dddddd; border-radius: 10px; box-shadow: rgb(0 0 0 / 15%) 0px 10px 10px; transition: transform 0.3s ease; } .bzkshop--griddeal-style1 .bzkshop-list > li.bzkshop-item:nth-child(2){ background: #f1fbf7; position: relative; } /********************** * HEADER **********************/ .bzkshop--griddeal-style1.bzkshop .bzkshop-header { display: block !important; border-radius: 20px 20px 0px 0px; } /********************** * IMAGE **********************/ .bzkshop--griddeal-style1.bzkshop .bzkshop-image { padding-top: 5%; padding-bottom: 5%; max-height: 250px; } .bzkshop--griddeal-style1.bzkshop .bzkshop-image .new-img-bzk{ border: solid 10px white; border-radius: 10px; } /********************** * LOGO MARQUE **********************/ .bzkshop--griddeal-style1.bzkshop .bzkshop-header .bzkshop-logo{ width: 100px; height: 26px; background-size: contain; background-repeat: no-repeat; background-position: center center; margin: 0 auto 8px auto; border-radius: 5px; background-color: #ffffff; } /********************** * CONTENT **********************/ .bzkshop--griddeal-style1.bzkshop .bzkshop-content{ margin-top: 5px; padding: 0 1.5em; text-align:left; } /********************** * TITLE **********************/ .bzkshop--griddeal-style1 .bzkshop-title { color: #3cc188; } /********************** * BUTTON **********************/ .bzkshop--griddeal-style1 .bzkshop-button { background-color: #3cc188; width:50%; } /********************** * OFFER **********************/ .bzkshop--griddeal-style1.bzkshop .bzkshop-offer { text-align: left; } /********************** * DISCOUNT **********************/ .bzkshop--griddeal-style1 .bzkshop-discount { right: 50px; border-radius: 5px; top: 50px; font-size: 1em; padding: 0.2em 0.25em; background: #3cc188; color: #fff; border: solid 2px #3cc188; font-weight: 600; } /********************** * Bandeau centré en haut (effet bouton) **********************/ .bzkshop--griddeal-style1 .bzkshop-item #bandeau_best_offer{ position: absolute; top: 0px; left: 50%; transform: translate(-50%, -55%); z-index: 50; opacity: 1; width: auto; height: auto; clip-path: none; border-radius: 5px; padding: 10px 40px; background: #212121; box-shadow: 0 10px 20px rgba(0,0,0,.20); display: inline-flex; align-items: center; justify-content: center; } /* Texte du bandeau (plus de rotation) */ .bzkshop--griddeal-style1 .bzkshop-item #bandeau_best_offer p{ position: static; transform: none; margin: 0; width: auto; color: #fff; font-size: 14px; font-weight: 700; line-height: 1; white-space: nowrap; } /* Optionnel : évite que ça chevauche trop le visuel */ .bzkshop--griddeal-style1 .bzkshop-item .bzkshop-header{ padding-top: 16px;} .bzkshop--griddeal-style1 .bzkshop-footer {padding: 0 1.5em 1.5em 1.5em;} .bzkshop--griddeal-style1.bzkshop .bzkshop-button { max-width: 100%; margin-bottom:0px; } /********************** * * * GRID DEAL – NEW STYLE 2 * * * **********************/ .bzkshop--griddeal-style2 .bzkshop-list { padding: 30px 0; } /********************** * ITEM **********************/ .bzkshop--griddeal-style2.bzkshop .bzkshop-item { border: solid 1px #dddddd; border-radius: 20px; box-shadow: rgb(0 0 0 / 15%) 0px 10px 10px; transition: transform 0.3s ease; } .bzkshop--griddeal-style2 .bzkshop-list > li.bzkshop-item:nth-child(2){ background: #fff; position: relative; border: solid 1px #8746db; box-shadow: rgb(135 70 219 / 15%) 5px 10px 20px; } /********************** * LOGO MARQUE **********************/ .bzkshop--griddeal-style2.bzkshop .bzkshop-header .bzkshop-logo{ width: 100px; height: 26px; background-size: contain; background-repeat: no-repeat; background-position: center center; margin: 0 auto 8px auto; border-radius: 5px; background-color: #ffffff; } /********************** * HEADER **********************/ .bzkshop--griddeal-style2.bzkshop .bzkshop-header { display: block !important; border-radius: 20px 20px 0px 0px; } /********************** * IMAGE **********************/ .bzkshop--griddeal-style2.bzkshop .bzkshop-image { padding-top: 5%; padding-bottom: 5%; max-height: 250px; } .bzkshop--griddeal-style2.bzkshop .bzkshop-image .new-img-bzk{ border: solid 10px white; border-radius: 20px; } /********************** * CONTENT **********************/ .bzkshop--griddeal-style2.bzkshop .bzkshop-content{ margin-top: 5px; padding: 0 1.5em; } /********************** * TITLE **********************/ .bzkshop--griddeal-style2 .bzkshop-title { color: #8746db; } /********************** * BUTTON **********************/ .bzkshop--griddeal-style2 .bzkshop-button { background: linear-gradient(90deg, #8746db, #da3a82); border-radius:999px; } /********************** * DISCOUNT **********************/ .bzkshop--griddeal-style2 .bzkshop-discount { position: absolute; top: 90px; right: 50px; font-size: 1em; padding: 0; background: #fff; color: #d93a83; border: solid 2px #d93a83; font-weight: 700; white-space: nowrap; border-radius: 999px; width: 60px; line-height: 60px; height: 60px; } /********************** * OFFER **********************/ .bzkshop--griddeal-style2.bzkshop .bzkshop-offer { text-align: center; } /********************** * Bandeau centré en haut (effet bouton) **********************/ .bzkshop--griddeal-style2 .bzkshop-item #bandeau_best_offer { background-color: #8e45d3; clip-path: polygon(0% 0, 55% 0, 0 55%, 0 50%); width: 250px; height: 250px; z-index: 4; position: absolute; top: 0; left: 0; opacity: 0.9; border-radius: 20px 0 0 0; } .bzkshop--griddeal-style2 .bzkshop-item #bandeau_best_offer p { transform: rotate(-45deg); color: white; font-size: 15px; position: absolute; top: 25px; left: 0px; width: 40%; text-transform: uppercase; font-weight:600; } .bzkshop--griddeal-style2 .bzkshop-item .bzkshop-header{ padding-top: 16px; } .bzkshop--griddeal-style2 .bzkshop-footer { padding: 1.5em;} .bzkshop--griddeal-style2.bzkshop .bzkshop-button { max-width: 80%; margin:0 auto; } /********************** * * * GRID DEAL – NEW STYLE 3 * * **********************/ .bzkshop--griddeal-style3 .bzkshop-list { padding: 30px 0; } /********************** * ITEM **********************/ .bzkshop--griddeal-style3.bzkshop .bzkshop-item { border: none; border-radius: 5px; border: solid 1px #dddddd; box-shadow:none; transition: transform 0.3s ease; } .bzkshop--griddeal-style3 .bzkshop-list > li.bzkshop-item:nth-child(2){ background: #fff; position: relative; box-shadow: rgb(245 88 73 / 25%) 5px 10px 20px; } /********************** * HEADER **********************/ .bzkshop--griddeal-style3.bzkshop .bzkshop-header { display: block !important; border-radius: 5px; } /********************** * IMAGE **********************/ .bzkshop--griddeal-style3.bzkshop .bzkshop-image { padding-top: 5%; padding-bottom: 5%; max-height: 250px; } .bzkshop--griddeal-style3.bzkshop .bzkshop-image .new-img-bzk{ border: solid 10px white; border-radius: 5px; } /********************** * CONTENT **********************/ .bzkshop--griddeal-style3.bzkshop .bzkshop-content{ margin-top: 5px; padding: 0 1.5em; } /********************** * DISCOUNT **********************/ .bzkshop--griddeal-style3 .bzkshop-discount { border-color: #f3ad2b; color: #f3ad2b; right: 5%; top: inherit; border-radius: 5px; font-size: 1em; padding: 0.5em 0.25em; } .bzkshop--griddeal-style3 .bzkshop-list > li.bzkshop-item:nth-child(2) .bzkshop-discount{ border-color: #f65a4b; color: #f65a4b; } /********************** * LOGO MARQUE **********************/ .bzkshop--griddeal-style3.bzkshop .bzkshop-header .bzkshop-logo{ width: 100px; height: 26px; background-size: contain; background-repeat: no-repeat; background-position: center center; margin: 0 auto 8px auto; border-radius: 5px; background-color: #ffffff; } /********************** * TITLE **********************/ .bzkshop--griddeal-style3 .bzkshop-title { color: #212121;} .bzkshop--griddeal-style3 .bzkshop-list > li.bzkshop-item:nth-child(2) .bzkshop-title{ color: #f65a4b;} /********************** * OFFER **********************/ .bzkshop--griddeal-style3 .bzkshop-item #bandeau_best_offer{ position: absolute; top: 0px; left: 50%; transform: translate(-50%, 0%); width: 100%; height: auto; border-radius: 5px 5px 0 0 ; padding: 15px 40px; background: #f65a4b; box-shadow: none; display: inline-flex; align-items: center; justify-content: center; clip-path: none; } /* Texte du bandeau (plus de rotation) */ .bzkshop--griddeal-style3 .bzkshop-item #bandeau_best_offer p{ position: static; transform: none; margin: 0; width: auto; color: #fff; font-size: 14px; font-weight: 700; line-height: 1; white-space: nowrap; } /********************** * BUTTON **********************/ .bzkshop--griddeal-style3 .bzkshop-button { background: #f3ad2b; color:#fff; border-radius:5px; width:60%; margin: 0 auto; } .bzkshop--griddeal-style3 .bzkshop-list > li.bzkshop-item:nth-child(2) .bzkshop-button{ background: #f65a4b; color:#fff; width:80%; margin: 0 auto; } /********************** * FOOTER **********************/ .bzkshop--griddeal-style3 .bzkshop-footer {padding: 1.5em;} /********************** * * * GRID DEAL – NEW STYLE 4 * * * **********************/ .bzkshop--griddeal-style4 .bzkshop-list { padding: 30px 0;} /********************** * ITEM **********************/ .bzkshop--griddeal-style4.bzkshop .bzkshop-item { border: 1px solid #ccc; border-radius: 10px; box-shadow: none; transition:transform 0.2s ease-out; } .bzkshop--griddeal-style4.bzkshop .bzkshop-item:hover { transform: translateY(-10px); } .bzkshop--griddeal-style4 .bzkshop-list > li.bzkshop-item:nth-child(1), .bzkshop--griddeal-style4 .bzkshop-list > li.bzkshop-item:nth-child(3){ scale: 0.8 !important; } .bzkshop--griddeal-style4 .bzkshop-list > li.bzkshop-item:nth-child(2){ background: #f0f8ff; position: relative; box-shadow: rgb(0 0 0 / 15%) 10px 10px 20px; border-color: #2b98ed; } /********************** * HEADER **********************/ .bzkshop--griddeal-style4.bzkshop .bzkshop-header { display: block !important; } /********************** * IMAGE **********************/ .bzkshop--griddeal-style4.bzkshop .bzkshop-image { padding-top: 5%; padding-bottom: 5%; max-height: 250px; } .bzkshop--griddeal-style4.bzkshop .bzkshop-image .new-img-bzk{ border: solid 10px white; border-radius: 10px; } /********************** * CONTENT **********************/ .bzkshop--griddeal-style4.bzkshop .bzkshop-content{ margin-top: 5px; padding: 0 1.5em; } /********************** * LOGO MARQUE **********************/ .bzkshop--griddeal-style4.bzkshop .bzkshop-header .bzkshop-logo{ width: 100px; height: 26px; background-size: contain; background-repeat: no-repeat; background-position: center center; margin: 0 auto 8px auto; border-radius: 5px; background-color: #ffffff; } /********************** * TITLE **********************/ .bzkshop--griddeal-style4 .bzkshop-title {color: #2f3a4d;} .bzkshop--griddeal-style4 .bzkshop-list > li.bzkshop-item:nth-child(2) .bzkshop-title{color: #2b98ed;} .bzkshop--griddeal-style4 .bzkshop-footer{padding: 0;} /********************** * BUTTON **********************/ .bzkshop--griddeal-style4 .bzkshop-button { background: #2f3a4d; border-radius:0 0 10px 10px; max-width:100%; margin: 0; } .bzkshop--griddeal-style4 .bzkshop-list > li.bzkshop-item:nth-child(2) .bzkshop-button{background-color: #2b98ed;} /********************** * DISCOUNT **********************/ .bzkshop--griddeal-style4 .bzkshop-discount { position: absolute; top: 90px; right: 50px; font-size: 1em; padding: 0.2em 0.4em; background: #2b98ed; color: #fff; border: solid 2px #2b98ed; font-weight: 700; white-space: nowrap; border-radius: 5px; } /********************** * OFFER **********************/ .bzkshop--griddeal-style4.bzkshop .bzkshop-offer {text-align: center; } /********************** * Bandeau meilleure offre **********************/ .bzkshop--griddeal-style4 #bandeau_best_offer {background-color: #2b98ed;} /********************** * * * Box – NEW STYLE 1 * * **********************/ .bzkshop--box-style1 .bzkshop-list {padding: 30px 0;} /********************** * ITEM **********************/ .bzkshop--box-style1.bzkshop .bzkshop-item { border-radius:10px; border: solid 1px #ddd; box-shadow: rgb(0 0 0 / 10%) 10px 10px 20px; background-color:#f4f4f4; padding:0; margin-bottom: 1.5em; } /********************** * LOGO MARQUE **********************/ .bzkshop--box-style1 .bzkshop-logo { width: 90px; height: 26px; background-size: contain; background-repeat: no-repeat; background-position: right; margin: 0 0.1em 0.5em auto; border-radius: 5px; background-color: #ffffff; } /********************** * HEADER **********************/ .bzkshop--box-style1 .bzkshop-header{ padding:0 5%; background: #fff; border-radius: 10px 0 0 10px; } /********************** * CONTENT **********************/ .bzkshop--box-style1 .bzkshop-content { padding: 0.5em 1.5em; border-left:1px solid #ddd; } /********************** * IMAGE **********************/ .bzkshop--box-style1 .bzkshop-image img { border-radius: 5px; } .bzkshop--box-style1.bzkshop .bzkshop-image { padding:5%; background-color: #fff; justify-content: center; /* <-- centre horizontal */ } /********************** * TITLE **********************/ .bzkshop--box-style1 .bzkshop-title{ padding-right: 8em; color: #044e3e; font-size: 1.2em; font-weight: 600; } /********************** * DESCRIPTION **********************/ .bzkshop--box-style1 .bzkshop-description{ padding-right: 8em;} /********************** * DISCOUNT **********************/ .bzkshop--box-style1.bzkshop .bzkshop-discount { color: #fff; left: 1em; border-radius: 5px; position: absolute; top: 1em; font-size: 0.8em; padding: 0.5em 1em; background: #6aac41; border: none; } /********************** * BUTTON **********************/ .bzkshop--box-style1 .bzkshop-button{ position: absolute; right: 25px; bottom: 25px; background-color: #044e3e; border-radius:5px; } /********************** * * * Box – NEW STYLE 2 * * **********************/ .bzkshop--box-style2 .bzkshop-list {padding: 30px 0;} /********************** * ITEM **********************/ .bzkshop--box-style2.bzkshop .bzkshop-item { border-radius:20px; border: solid 1px #9db4a6; box-shadow: rgb(0 0 0 / 15%) 10px 0px 25px; padding: 0; margin-bottom: 1.5em; } /********************** * LOGO **********************/ .bzkshop--box-style2 .bzkshop-logo { position: absolute; left:1.3em; top:1em; background-color: #fff; width : 100px; height:30px; border-radius: 5px; background-size: contain; } /********************** * HEADER **********************/ .bzkshop--box-style2 .bzkshop-header{ padding:0 5%; background-color: #9db4a6; border-radius: 16px 0 0 16px; } /********************** * CONTENT **********************/ .bzkshop--box-style2 .bzkshop-content { padding: 0.5em 1.5em; border-left:1px solid #9db4a6; } /********************** * IMAGE **********************/ .bzkshop--box-style2 .bzkshop-image img {border-radius: 999px;} .bzkshop--box-style2.bzkshop .bzkshop-image { padding-top: 5%; padding-bottom: 5%; justify-content: center; /* <-- centre horizontal */ } /********************** * TITLE **********************/ .bzkshop--box-style2 .bzkshop-title{ padding-right: 8em; color: #212121; font-size: 1em; font-weight: 600; } /********************** * DESCRIPTION **********************/ .bzkshop--box-style2 .bzkshop-description{padding-right: 8em;} /********************** * DISCOUNT **********************/ .bzkshop--box-style2.bzkshop .bzkshop-discount { top: 1em; right: 1em; border-radius: 999px; color: #fff; border: none; width: 60px; height: 60px; line-height: 60px; text-align: center; border-color: #de545b; background-color: #de545b; left: inherit; padding: 0; font-size: 1em; font-weight: 600; } /********************** * BUTTON **********************/ .bzkshop--box-style2 .bzkshop-button{ position: absolute; right: 25px; bottom: 25px; background-color: #9db4a6; border-radius:999px; } /********************** * * * Box – NEW STYLE 3 * * **********************/ .bzkshop--box-style3 .bzkshop-list {padding: 30px 0;} /********************** * ITEM **********************/ .bzkshop--box-style3.bzkshop .bzkshop-item { max-width: 80% !important; border-radius:5px; border: solid 1px #8945f6; box-shadow: rgb(137 69 246 / 10%) 10px 10px 20px; padding: 0; margin-bottom: 1.5em; } /********************** * HEADER **********************/ .bzkshop--box-style3 .bzkshop-header{ padding:0 5%; border-radius: 5px 0 0 5px; } /********************** * CONTENT **********************/ .bzkshop--box-style3 .bzkshop-content {padding: 0.5em 1.5em;} /********************** * IMAGE **********************/ .bzkshop--box-style3 .bzkshop-image img {border-radius: 10px;} .bzkshop--box-style3.bzkshop .bzkshop-image { padding-top: 5%; padding-bottom: 5%; justify-content: center; /* <-- centre horizontal */ } /********************** * LOGO **********************/ .bzkshop--box-style3 .bzkshop-logo { width : 100px; height:30px; border-radius: 5px; background-size: contain; background-repeat: no-repeat; } /********************** * TITLE **********************/ .bzkshop--box-style3 .bzkshop-title{ padding-right: 1em; color: #212121; font-size: 1em; font-weight: 600; } /********************** * DESCRIPTION **********************/ .bzkshop--box-style3 .bzkshop-description{ padding-right: 8em; display:none; } /********************** * DISCOUNT **********************/ .bzkshop--box-style3.bzkshop .bzkshop-discount { border-radius: 5px; background: #d81f8f; border-color:#d81f8f; color: #fff; border: none; font-size: 1em; padding: 0.5em; } /********************** * BUTTON **********************/ .bzkshop--box-style3 .bzkshop-button{ background: linear-gradient(90deg, #e01b84, #8546f8); border-radius:5px; } /********************** * * * Box – NEW STYLE 4 * * **********************/ .bzkshop--box-style4 .bzkshop-list { padding: 30px 0;} /********************** * ITEM **********************/ .bzkshop--box-style4.bzkshop .bzkshop-item { max-width: 80% !important; border-radius:20px; border: none; box-shadow: rgb(0 0 0 / 20%) 0px 0px 20px; margin-bottom: 1.5em; } /********************** * LOGO MARQUE **********************/ .bzkshop--box-style4 .bzkshop-logo { position: absolute; right: 1.5em; bottom: 1.5em; width: 100px; height: 30px; border-radius: 5px; background-size: contain; background-repeat: no-repeat; background-position: center center; } /********************** * HEADER **********************/ .bzkshop--box-style4 .bzkshop-header{ padding:0 5%; border-radius: 20px 0 0 20px; } /********************** * CONTENT **********************/ .bzkshop--box-style4 .bzkshop-content { padding: 0.5em 1.5em; } /********************** * IMAGE **********************/ .bzkshop--box-style4 .bzkshop-image img {border-radius: 999px;} .bzkshop--box-style4.bzkshop .bzkshop-image { padding-top: 5%; padding-bottom: 5%; justify-content: center; /* <-- centre horizontal */ } /********************** * TITLE **********************/ .bzkshop--box-style4 .bzkshop-title{ padding-right: 1em; color: #27aab0; font-size: 1em; font-weight: 600; } /********************** * DESCRIPTION **********************/ .bzkshop--box-style4 .bzkshop-description{ display:none; } /********************** * DISCOUNT **********************/ .bzkshop--box-style4.bzkshop .bzkshop-discount { color: #fff; border-radius: 99px; position: absolute; top: 1em; left: 1em; font-size: 0.8em; padding: 0.5em 1em; background: #e6ca43; border: none; } /********************** * BUTTON **********************/ .bzkshop--box-style4 .bzkshop-button{ background: linear-gradient(90deg, #22abba, #ebcb41); border-radius:999px; } /********************** * * * Mini Box – NEW STYLE 1 * * **********************/ .bzkshop--minibox-style1 .bzkshop-list { padding: 30px 0; } .bzkshop--minibox-style1 .bzkshop-list :last-child { margin-bottom: 1.5em;} /********************** * ITEM **********************/ .bzkshop--minibox-style1.bzkshop .bzkshop-item { border-radius:10px; border: solid 4px #fff; box-shadow: rgb(0 0 0 / 20%) 0px 0px 20px; background-color:#f9f8f1; } .bzkshop--minibox-style1 .bzkshop-list li:last-child { margin-bottom: 1em;} /********************** * LOGO MARQUE **********************/ .bzkshop--minibox-style1 .bzkshop-logo { position: absolute; right: 1em; top: 0em; width: 100px; height: 30px; border-radius: 5px; background-size: contain; background-repeat: no-repeat; background-position: center center; } /********************** * IMAGE **********************/ .bzkshop--minibox-style1 .bzkshop-image img {border-radius: 5px;} .bzkshop--minibox-style1.bzkshop .bzkshop-image { padding-top: 5%; padding-bottom: 5%; } /********************** * TITLE **********************/ .bzkshop--minibox-style1 .bzkshop-title{ padding-right: 8em; color: #212121; font-size: 1em; font-weight: 600; } /********************** * DESCRIPTION **********************/ .bzkshop--minibox-style1 .bzkshop-description{ padding-right: 8em; } /********************** * BUTTON **********************/ .bzkshop--minibox-style1 .bzkshop-button{ position: absolute; right: 1em; bottom: 1em; background-color: #df953c; border-radius:10px; } /********************** * DISCOUNT **********************/ .bzkshop--minibox-style1.bzkshop .bzkshop-discount { border-radius: 10px 0; top: 0em; left: 0em; font-size: 0.8em; padding: 0.5em 1em; background: #7b9486; color: #fff; border: none; } /********************** * * * Mini Box – NEW STYLE 2 * * **********************/ .bzkshop--minibox-style2 .bzkshop-list {padding: 30px 0;} /********************** * ITEM **********************/ .bzkshop--minibox-style2.bzkshop .bzkshop-item { padding: 0; border-radius: 0px; border: solid 1px #ddd; box-shadow: rgb(0 0 0 / 15%) 10px 0px 25px; } .bzkshop--minibox-style2 .bzkshop-list li:last-child { margin-bottom: 1em; } /********************** * HEADER **********************/ .bzkshop--minibox-style2 .bzkshop-logo { position: absolute; left:1.3em; top:1em; background-color: #fff; width : 100px; height:30px; border-radius: 5px; background-size: contain; } /********************** * IMAGE **********************/ .bzkshop--minibox-style2 .bzkshop-image img {border-radius: 999px;} .bzkshop--minibox-style2.bzkshop .bzkshop-image { padding-top: 5%; padding-bottom: 5%; } /********************** * CONTENT **********************/ .bzkshop--minibox-style2 .bzkshop-content{ background: #ededed; padding: 1em; border-left: solid 1px #ddd; min-height: 310px; } /********************** * TITLE **********************/ .bzkshop--minibox-style2 .bzkshop-title{ padding-right: 3em; color: #de555b; font-size: 1em; font-weight: 600; } /********************** * DESCRIPTION **********************/ .bzkshop--minibox-style2 .bzkshop-description{ padding-right: 3em;} /********************** * DISCOUNT **********************/ .bzkshop--minibox-style2.bzkshop .bzkshop-discount { top: 0; right: 0; left:inherit; border-radius: 0; padding: 0.5em 1em; background: #de555b; font-size: 0.8em; color: #fff; border: none; } /********************** * BUTTON **********************/ .bzkshop--minibox-style2 .bzkshop-button{ background: #de555b; border-radius:0px; padding: 0.5em 1.5em; color:#fff; } /********************** * * * Mini Box – NEW STYLE 3 * * * **********************/ .bzkshop--minibox-style3 .bzkshop-list {padding: 30px 0;} /********************** * ITEM **********************/ .bzkshop--minibox-style3.bzkshop .bzkshop-item { border-radius:10px; border: solid 1px #8945f6; box-shadow: rgb(137 69 246 / 10%) 10px 10px 20px; } .bzkshop--minibox-style3 .bzkshop-list li:last-child {margin-bottom: 1em;} /********************** * IMAGE **********************/ .bzkshop--minibox-style3 .bzkshop-image img {border-radius: 10px;} .bzkshop--minibox-style3.bzkshop .bzkshop-image { padding-top: 5%; padding-bottom: 5%; } /********************** * TITLE **********************/ .bzkshop--minibox-style3 .bzkshop-title { padding-right: 1em; color: #db1e8b; font-size: 1em; font-weight: bold; margin-bottom:6px; } /********************** * DESCRIPTION **********************/ .bzkshop--minibox-style3 .bzkshop-description{ font-size:1em; padding-right: 1em;} /********************** * DISCOUNT **********************/ .bzkshop--minibox-style3.bzkshop .bzkshop-discount { top: 1em; left: 1em; width:50px; height: 50px; border-radius: 999px; line-height:50px; padding: 0 0.5em; background: #8546f8; color: #fff; border: none; font-size: 0.8em; } /********************** * BUTTON **********************/ .bzkshop--minibox-style3 .bzkshop-button{ background: linear-gradient(90deg, #e01b84, #8546f8); border-radius:10px; width: auto !important; max-width: 100%; font-size: 0.85em; text-transform: uppercase; font-weight: 600; letter-spacing: 0.1em; color:#fff; } /********************** * * * Mini Box – NEW STYLE 4 * * * **********************/ .bzkshop--minibox-style4 .bzkshop-list {padding: 30px 0;} /********************** * ITEM **********************/ .bzkshop--minibox-style4.bzkshop .bzkshop-item { border-radius:20px; border: solid 1px #ddd; box-shadow: rgb(0 0 0 / 10%) 10px 10px 20px; } .bzkshop--minibox-style4 .bzkshop-list li:last-child { margin-bottom: 1em;} /********************** * LOGO MARQUE **********************/ .bzkshop--minibox-style4 .bzkshop-logo { position: absolute; right: 1.5em; bottom: 1.5em; width: 100px; height: 30px; background-color: #fff; border-radius: 5px; background-size: contain; background-repeat: no-repeat; background-position: center center; } /********************** * IMAGE **********************/ .bzkshop--minibox-style4 .bzkshop-image img {border-radius: 999px;} .bzkshop--minibox-style4.bzkshop .bzkshop-image { padding-top: 5%; padding-bottom: 5%; } /********************** * TITLE **********************/ .bzkshop--minibox-style4 .bzkshop-title{ padding-right: 1em; color: #ea942d; font-size: 1em; font-weight: 600; margin-bottom:6px; } /********************** * DESCRIPTION **********************/ .bzkshop--minibox-style4 .bzkshop-description{ font-size:1em; display:none;} /********************** * DISCOUNT **********************/ .bzkshop--minibox-style4.bzkshop .bzkshop-discount { color: #fff; border-radius: 20px; position: absolute; top: 1em; left:1em; font-size: 0.8em; padding: 0.5em 1em; background: #8631df; border: none; } /********************** * BUTTON **********************/ .bzkshop--minibox-style4 .bzkshop-button{ background: #ea942d; border-radius:999px; } /************************************** * * RESPONSIVE – MOBILE (max-width 768px) * **************************************/ @media screen and (max-width: 768px) { .bzkshop .bzkshop-item {max-width: 85% !important;} /************************************* * NEWGRID – style1 à style4 * Le CSS Grid gère déjà le passage en 1 colonne. * On corrige les positionnements absolus fragiles * et on réduit la hauteur min des images. *************************************/ /* Images : retirer min-height trop grand */ [class*="bzkshop--newgrid-style"].bzkshop-grid .bzkshop-header .bzkshop-image img { max-height: 220px; max-width: 220px !important; min-width: 200px; min-height: 200px; } /* Logo : passer en statique au lieu de absolute avec top négatif */ .bzkshop--newgrid-style1.bzkshop-grid .bzkshop-content .bzkshop-logo { position: static !important; top: auto !important; right: auto !important; margin: 8px 0 8px auto; } .bzkshop--newgrid-style1.bzkshop-grid .bzkshop-offer{ height:auto !important; } .bzkshop--newgrid-style3.bzkshop-grid .bzkshop-content .bzkshop-logo, .bzkshop--newgrid-style4.bzkshop-grid .bzkshop-content .bzkshop-logo { position: static !important; top: auto !important; right: auto !important; margin: 0 0 8px auto; } /* Discount style1 : repositionner (top: 28em trop fragile) */ .bzkshop--newgrid-style1.bzkshop .bzkshop-discount { top: auto; right: auto; position: relative; margin-left: 10px; margin-top: -1em; } /* Discount style4 : repositionner (right: 12em trop large) */ .bzkshop--newgrid-style4.bzkshop .bzkshop-discount { right: 20px; margin-right: 0; } /************************************* * MINIGRID – style1 & style2 * Override du max-width: 18% inline du PHP *************************************/ .bzkshop--minigrid-style1.bzkshop-grid .bzkshop-header, .bzkshop--minigrid-style2.bzkshop-grid .bzkshop-header{ display: ruby !important;} .bzkshop--minigrid-style1.bzkshop-grid .bzkshop-item, .bzkshop--minigrid-style2.bzkshop-grid .bzkshop-item { max-width: 85% !important; width: 85% !important; margin: 0.5em auto; flex: inherit !important; } .bzkshop--minigrid-style1.bzkshop-grid .bzkshop-image, .bzkshop--minigrid-style2.bzkshop-grid .bzkshop-image{ height: 120px; width: 120px; } .bzkshop--minigrid-style1.bzkshop-grid .bzkshop-title, .bzkshop--minigrid-style2.bzkshop-grid .bzkshop-title { font-size: 1.1em; line-height: 1.15em; } .bzkshop--minigrid-style1.bzkshop-grid .bzkshop-offer, .bzkshop--minigrid-style2.bzkshop-grid .bzkshop-offer { height: auto !important; margin: 0.25em 0 0.5em; } .bzkshop--minigrid-style1.bzkshop-grid .bzkshop-price, .bzkshop--minigrid-style2.bzkshop-grid .bzkshop-price { font-size: 1.5em; } /************************************* * MINIGRID – style3 & style4 * Conteneur 70% trop étroit, flex row sans wrap *************************************/ .bzkshop--minigrid-style3.bzkshop-grid, .bzkshop--minigrid-style4.bzkshop-grid { padding: 14px; max-width: 85% !important; } .bzkshop--minigrid-style3.bzkshop-grid .bzkshop-item, .bzkshop--minigrid-style4.bzkshop-grid .bzkshop-item { margin: 0 auto; flex: inherit !important; border-right: none; } .bzkshop--minigrid-style3.bzkshop-grid .bzkshop-item { border-bottom: 2px solid #fff; } .bzkshop--minigrid-style4.bzkshop-grid .bzkshop-item { border-bottom: 1px solid #ddd; } .bzkshop--minigrid-style3.bzkshop-grid .bzkshop-header .bzkshop-image, .bzkshop--minigrid-style4.bzkshop-grid .bzkshop-header .bzkshop-image{ height: auto; width: auto; } .bzkshop--minigrid-style3.bzkshop-grid .bzkshop-header .bzkshop-image img, .bzkshop--minigrid-style4.bzkshop-grid .bzkshop-header .bzkshop-image img{ height: 120px; width: 120px; } .bzkshop--minigrid-style3.bzkshop-grid .bzkshop-title, .bzkshop--minigrid-style4.bzkshop-grid .bzkshop-title { font-size: 1.1em !important; line-height: 1.15em; margin-bottom:6px; } .bzkshop--minigrid-style3.bzkshop-grid .bzkshop-offer, .bzkshop--minigrid-style4.bzkshop-grid .bzkshop-offer { height: auto !important; margin: 0.25em 0 0.5em; } .bzkshop--minigrid-style3 .bzkshop-description, .bzkshop--minigrid-style4 .bzkshop-description { font-size:1em; } .bzkshop--minigrid-style3.bzkshop-grid .bzkshop-price, .bzkshop--minigrid-style4.bzkshop-grid .bzkshop-price { font-size: 1.5em; } .bzkshop--minigrid-style3.bzkshop-grid .bzkshop-item:last-child, .bzkshop--minigrid-style4.bzkshop-grid .bzkshop-item:last-child { border-bottom: none; } /************************************* * GRIDDEAL – style1 à style4 * Empiler les 3 cards verticalement *************************************/ [class*="bzkshop--griddeal-style"] .bzkshop-list { flex-direction: column !important; align-items: center; } [class*="bzkshop--griddeal-style"] .bzkshop-item { max-width: 85% !important; width: 85% !important; /*scale: 1 !important;*/ } /* Bandeau best offer style2 : clip-path 250px déborde */ .bzkshop--griddeal-style2 .bzkshop-item #bandeau_best_offer { width: 220px; height: 220px; } .bzkshop--griddeal-style2 .bzkshop-item #bandeau_best_offer p { top: 18px; left: 0; /*font-size: 12px; width: 42%;*/ } /* Discount griddeal : ajuster positions fixes */ .bzkshop--griddeal-style2 .bzkshop-discount, .bzkshop--griddeal-style4 .bzkshop-discount { right: 15px; top: 60px; } /************************************* * BOX – style1 à style4 * Passer en layout vertical (image au-dessus, contenu dessous) *************************************/ [class*="bzkshop--box-style"].bzkshop .bzkshop-item { flex-direction: column !important; max-width: 85% !important; } [class*="bzkshop--box-style"] .bzkshop-header { border-radius: 10px 10px 0 0 !important; width: 100%; } [class*="bzkshop--box-style"] .bzkshop-content { border-left: none !important; padding: 1em !important; } /* Supprimer les padding-right: 8em qui écrasent le texte */ [class*="bzkshop--box-style"] .bzkshop-title, [class*="bzkshop--box-style"] .bzkshop-description { padding-right: 0 !important; } /* Boutons absolus : passer en statique */ .bzkshop--box-style1 .bzkshop-button, .bzkshop--box-style2 .bzkshop-button { position: static !important; margin: 1em auto !important; width: auto; } /* Logo box-style2 absolu : repositionner */ .bzkshop--box-style2 .bzkshop-logo { position: static !important; margin: 0 0 8px 0; } /* Logo box-style4 absolu en bas : repositionner */ .bzkshop--box-style4 .bzkshop-logo { position: static !important; margin: 8px auto 0; } /************************************* * MINIBOX – style1 à style4 * (le passage en 1 colonne est déjà géré par style.css @745px) * On corrige le layout interne de chaque card *************************************/ [class*="bzkshop--minibox-style"].bzkshop .bzkshop-item {flex-direction: column !important; } [class*="bzkshop--minibox-style"].bzkshop-description {padding-right: 0 !important;} .bzkshop--minibox-style1.bzkshop .bzkshop-image, .bzkshop--minibox-style2.bzkshop .bzkshop-image, .bzkshop--minibox-style3.bzkshop .bzkshop-image, .bzkshop--minibox-style4.bzkshop .bzkshop-image { padding-top: 2%; padding-bottom: 2%; } .bzkshop--minibox-style1 .bzkshop-title, .bzkshop--minibox-style2 .bzkshop-title, .bzkshop--minibox-style3 .bzkshop-title, .bzkshop--minibox-style4 .bzkshop-title {margin: 0.25em 0; padding-right:0;} /* minibox-style1 */ .bzkshop--minibox-style1 .bzkshop-button {position: static !important;} .bzkshop--minibox-style1 .bzkshop-image img {max-width : 150px;} .bzkshop--minibox-style1 .bzkshop-list :last-child {margin-bottom : 0;} .bzkshop .bzkshop-offer {margin: 0.5em 0 0.5em;} .bzkshop--minibox-style1 .bzkshop-logo { position: absolute; margin: 0 auto; width: 90px; top: inherit; bottom: 4em; right: 1.5em; } .bzkshop--minibox-style1 .bzkshop-description { padding-right: 0; margin: 0.25em 0 0; } /* minibox-style2 */ .bzkshop--minibox-style2 .bzkshop-content { min-height: auto !important; border-left: none !important; } .bzkshop--minibox-style2 .bzkshop-image img, .bzkshop--minibox-style3 .bzkshop-image img,.bzkshop--minibox-style4 .bzkshop-image img {max-width : 170px;} .bzkshop--minibox-style2 .bzkshop-logo {margin: 0 0 8px 0; width: 90px;} .bzkshop--minibox-style2 .bzkshop-description{padding-right:0;} /* minibox-style3*/ .bzkshop--minibox-style3 .bzkshop-logo { position: absolute; right: 1em; top:1em; margin: 0; width: 90px; } /* minibox-style4*/ .bzkshop--minibox-style4 .bzkshop-logo { position: absolute; right: 1em; top:1em; margin: 0; width:90px; } }/************************************** * * NEW GRID – BAZOOKA NEW STYLE 1 * * * **************************************/ .bzkshop--newgrid-style1.bzkshop-grid .bzkshop-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); } .bzkshop--newgrid-style1.bzkshop{ padding: 10px; } /********************** * CARD ITEM **********************/ .bzkshop--newgrid-style1.bzkshop-grid .bzkshop-item { background: #f3f5f5; border-radius: 20px; padding: 20px; box-shadow: 0 16px 20px rgba(0, 0, 0, 0); display: flex; flex-direction: column; height: 100%; position: relative; box-sizing: border-box; transition: transform 0.3s ease, box-shadow 0.2s ease; border: 0px !important; } .bzkshop--newgrid-style1.bzkshop-grid .bzkshop-item:hover { transform: translateY(-8px); box-shadow: 5px 10px 15px rgba(0, 0, 0, 0.12); } /********************** * LOGO – POSITION ABSOLUTE * **********************/ .bzkshop--newgrid-style1.bzkshop-grid .bzkshop-content .bzkshop-logo { position: absolute; top: -13em; right: -1px; width: 90px; height: 30px; background-size: contain; background-repeat: no-repeat; background-position: center center; border-radius: 0 0 0 8px; background-color: #fff; z-index: 5; padding: 0; margin-top:0; } /********************** * IMAGE **********************/ .bzkshop--newgrid-style1.bzkshop-grid .bzkshop-image { padding: 10px; background: #fff; display: block; border-radius: 15px; } .bzkshop--newgrid-style1.bzkshop-grid .bzkshop-header .bzkshop-image img { border-radius: 15px !important; min-height: 210px; max-height: 210px; } /********************** * TITRE + DESCRIPTION **********************/ .bzkshop--newgrid-style1.bzkshop-grid .bzkshop-content { position: relative; margin-bottom: 16px; text-align: left !important; padding:0px; } .bzkshop--newgrid-style1.bzkshop-grid .bzkshop-title { margin-top: 12px; font-weight: 600; } .bzkshop--newgrid-style1.bzkshop-grid .bzkshop-description { font-size: 13px; color: #555; margin: 0; } /********************** * PRIX **********************/ .bzkshop--newgrid-style1.bzkshop-grid .bzkshop-offer { display: block !important; text-align: left !important; align-items: unset !important; /* neutralise align-items */ justify-content: unset !important; /*height: auto !important;*/ } .bzkshop--newgrid-style1.bzkshop-grid .bzkshop-footer {padding: 0;} .bzkshop--newgrid-style1.bzkshop-grid .bzkshop-price { font-weight: 700; color: #111; display: inline-flex; } /********************** * DISCOUNT **********************/ .bzkshop--newgrid-style1.bzkshop .bzkshop-discount{ width: 55px; height: 55px; border-radius: 5px; display: inline-flex; align-items: center; justify-content: center; line-height: 1; background: #fff; border: 2px solid #3298a3; color: #3298a3; font-weight: 700; right: 0; top: 27.5em; margin-right: 20px; padding: 10px; font-size: 0.8em; } /********************** * CTA **********************/ .bzkshop--newgrid-style1.bzkshop .bzkshop-button { border-radius: 5px; font-weight:500; max-width:100%; font-size: 0.9em; text-transform: uppercase; } /******************************** * * NEW GRID - BAZOOKA NEW STYLE2 * * * *********************************/ .bzkshop--newgrid-style2.bzkshop-grid .bzkshop-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); } .bzkshop--newgrid-style2.bzkshop{ padding: 10px; } /********************** * CARD ITEM **********************/ .bzkshop--newgrid-style2.bzkshop-grid .bzkshop-item { background: #f8f1f0; border-radius: 20px; padding: 20px; box-shadow: 0 16px 20px rgba(0, 0, 0, 0); display: flex; flex-direction: column; height: 100%; position: relative; box-sizing: border-box; transition: transform 0.2s ease, box-shadow 0.2s ease; border: 0px !important; } .bzkshop--newgrid-style2.bzkshop-grid .bzkshop-item:hover { transform: translateY(-3px); box-shadow: 5px 10px 15px rgba(0, 0, 0, 0.12); } /********************** * LOGO – POSITION ABSOLUTE * **********************/ .bzkshop--newgrid-style2.bzkshop-grid .bzkshop-content .bzkshop-logo { width: 90px; height: 30px; background-size: contain; background-repeat: no-repeat; background-position: center center; border-radius: 8px; background-color: #fff; z-index: 5; padding: 0; margin-top:10px; } /********************** * IMAGE **********************/ .bzkshop--newgrid-style2.bzkshop-grid .bzkshop-image { padding: 10px; display: block; border-radius: 999px; } .bzkshop--newgrid-style2.bzkshop-grid .bzkshop-header .bzkshop-image img { border-radius: 999px !important; height: 210px; max-height: 210px; max-width: 210px !important; border: solid #fff 8px; } /********************** * TITRE + DESCRIPTION **********************/ .bzkshop--newgrid-style2.bzkshop-grid .bzkshop-content { position: relative; margin-bottom: 16px; text-align: left !important; padding:0px; } .bzkshop--newgrid-style2.bzkshop-grid .bzkshop-title { margin-top: 12px; font-weight: 600; color: #f55543; } .bzkshop--newgrid-style2.bzkshop-grid .bzkshop-description { font-size: 13px; color: #555; margin: 0; } /********************** * PRIX **********************/ .bzkshop--newgrid-style2.bzkshop-grid .bzkshop-offer { display: block !important; text-align: left !important; align-items: unset !important; /* neutralise align-items */ justify-content: unset !important; } .bzkshop--newgrid-style2.bzkshop-grid .bzkshop-footer {padding: 0;} .bzkshop--newgrid-style2.bzkshop-grid .bzkshop-price { font-weight: 700; color: #111; } /********************** * DISCOUNT **********************/ .bzkshop--newgrid-style2.bzkshop .bzkshop-discount{ width: 55px; height: 55px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; line-height: 1; background: #f55543; border: 2px solid #f55543; color: #fff; font-weight: 700; right: 0px; top: 20px; margin-right: 20px; padding: 10px; font-size: 0.8em; } /********************** * BUTTON **********************/ .bzkshop--newgrid-style2.bzkshop .bzkshop-button { border-radius: 50px; font-weight:500; max-width:100%; font-size: 0.9em; text-transform: uppercase; background-color : #f55543; } /************************************** * * * NEW GRID – BAZOOKA NEW STYLE3 * * * **************************************/ .bzkshop--newgrid-style3.bzkshop-grid .bzkshop-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); } .bzkshop--newgrid-style3.bzkshop{ padding: 10px !important; } /********************** * CARD ITEM **********************/ .bzkshop--newgrid-style3.bzkshop-grid .bzkshop-item { background: #fff; border-radius: 20px; padding: 0; box-shadow: 0px 0px 20px rgba(0, 132, 255, 0.2); display: flex; flex-direction: column; height: 100%; position: relative; box-sizing: border-box; transition: transform 0.25s, box-shadow 0.2s; border: 1px solid #ddd; } .bzkshop--newgrid-style3.bzkshop-grid .bzkshop-item:hover { transform: scale(1.03); box-shadow: 5px 10px 20px rgba(0, 132, 255, 0.2); } /********************** * LOGO – POSITION ABSOLUTE * **********************/ .bzkshop--newgrid-style3.bzkshop-grid .bzkshop-content .bzkshop-logo { position: absolute; top: -1.6em; width: 110px; height: 30px; background-size: contain; background-repeat: no-repeat; background-position: center center; border-radius: 3px; background-color: #fff; z-index: 5; padding: 5px; margin-top:0; } /********************** * IMAGE **********************/ .bzkshop--newgrid-style3.bzkshop-grid .bzkshop-image { padding: 0; background: #fff; display: block; border-radius: 20px 20px 0 0; min-height: 210px; max-height: 210px; } .bzkshop--newgrid-style3.bzkshop-grid .bzkshop-header .bzkshop-image img { border-radius: 20px 20px 0 0 ; min-height: 210px; max-height: 210px; } /********************** * TITRE + DESCRIPTION **********************/ .bzkshop--newgrid-style3.bzkshop-grid .bzkshop-content { position: relative; margin-bottom: 10px; text-align: center !important; padding:10px 20px; } .bzkshop--newgrid-style3.bzkshop-grid .bzkshop-title { margin-top: 12px; font-weight: 600; color: #0084ff; } .bzkshop--newgrid-style3.bzkshop-grid .bzkshop-description { font-size: 13px; color: #555; margin: 0; } /********************** * PRIX **********************/ .bzkshop--newgrid-style3.bzkshop-grid .bzkshop-offer { display: block !important; text-align: center !important; align-items: unset !important; /* neutralise align-items */ justify-content: unset !important; /* height: auto !important;*/ } .bzkshop--newgrid-style3.bzkshop-grid .bzkshop-footer {padding: 0;} .bzkshop--newgrid-style3.bzkshop-grid .bzkshop-price { font-weight: 700; color: #00274c; } /********************** * DISCOUNT **********************/ .bzkshop--newgrid-style3.bzkshop .bzkshop-discount{ border-color: #0084ff; background-color: #0084ff; color: #fff; border-radius: 10px; font-size: 1em; padding: 0.25em; } /********************** * BUTTON **********************/ .bzkshop--newgrid-style3.bzkshop .bzkshop-button { border-radius: 0 0 20px 20px; font-weight:500; max-width:100%; font-size: 0.9em; text-transform: uppercase; background-color : #0084ff; margin: 0 auto; padding: 0.8em; } /************************************** * * NEW GRID – BAZOOKA NEW STYLE 4 * * * **************************************/ /********* GRID *********/ .bzkshop--newgrid-style4.bzkshop { padding: 10px; } /********* LISTE *********/ .bzkshop--newgrid-style4.bzkshop-grid .bzkshop-list { list-style: none; margin: 0; padding: 10px 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); } /********************** * CARD ITEM **********************/ .bzkshop--newgrid-style4.bzkshop-grid .bzkshop-item { border-radius: 20px; padding: 20px; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.09); display: flex; flex-direction: column; height: 100%; position: relative; box-sizing: border-box; transition: transform 0.3s ease, box-shadow 0.2s ease; border: 1px solid #ddd; } .bzkshop--newgrid-style4.bzkshop-grid .bzkshop-item:hover { transform: translateY(-8px); box-shadow: 5px 10px 15px rgba(0, 0, 0, 0.12); } /********************** * HEADER * **********************/ /*.bzkshop--newgrid-style4 .bzkshop-header { margin-top: 2.5em; }*/ /********************** * LOGO – POSITION ABSOLUTE * **********************/ .bzkshop--newgrid-style4.bzkshop-grid .bzkshop-content .bzkshop-logo { position: absolute; top: -14em !important; right: 5px; width: 90px; height: 30px; background-size: contain; background-repeat: no-repeat; background-position: center center; border-radius: 5px; background-color: #fff; z-index: 5; padding: 0; margin-top:0; } /********************** * IMAGE **********************/ .bzkshop--newgrid-style4.bzkshop-grid .bzkshop-image { padding: 10px; background: #fff; display: block; border-radius: 15px; margin-top : 30px; } .bzkshop--newgrid-style4.bzkshop-grid .bzkshop-header .bzkshop-image img { border-radius: 15px !important; min-height: 210px; max-height: 210px; } /********************** * TITRE + DESCRIPTION **********************/ .bzkshop--newgrid-style4.bzkshop-grid .bzkshop-content { position: relative; margin-bottom: 16px; padding:0px; } .bzkshop--newgrid-style4.bzkshop-grid .bzkshop-title { margin-top: 12px; font-weight: 600; color: #111111; } /********************** * PRIX **********************/ .bzkshop--newgrid-style4.bzkshop-grid .bzkshop-offer { display: block !important; align-items: unset !important; /* neutralise align-items */ justify-content: unset !important; } .bzkshop--newgrid-style4.bzkshop-grid .bzkshop-footer {padding: 0;} .bzkshop--newgrid-style4.bzkshop-grid .bzkshop-price { font-weight: 700; color: #111; display: inline-flex; } /********************** * DISCOUNT **********************/ .bzkshop--newgrid-style4.bzkshop .bzkshop-discount{ left: 1em; top: 1em; right: inherit; width: 55px; height: 55px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; line-height: 1; background: #7a9282; border: 2px solid #7a9282; color: #fff; font-weight: 700; margin-right: 20px; padding: 10px; font-size: 0.8em; bottom: 0; } /********************** * BUTTON **********************/ .bzkshop--newgrid-style4.bzkshop .bzkshop-button { border-radius: 5px; font-weight:500; max-width:80%; font-size: 0.9em; text-transform: uppercase; background:linear-gradient(90deg, #7a9282, #9eb5a5); } /********************************* * * * MINI GRID NEW STYLE 1 – BAZOOKA * * * *********************************/ .bzkshop--minigrid-style1.mini-grid {padding: 20px 0;} /********* LISTE *********/ .bzkshop--minigrid-style1.bzkshop-grid .bzkshop-list { list-style: none; margin: 0; padding: 0; /* PAS DE GRID → tu conserves ta largeur 18% */ display: block; } /********* CARD *********/ .bzkshop--minigrid-style1.bzkshop-grid .bzkshop-item { background: #f4f4f4; border-radius: 20px; padding: 16px; border: 1px solid rgba(0, 0, 0, 0.05); box-shadow: 0 10px 25px rgba(0,0,0,0.08); display: flex; flex-direction: column; position: relative; box-sizing: border-box; transition: transform 0.2s ease, box-shadow 0.2s ease; margin: 0.9em; } .bzkshop--minigrid-style1.bzkshop-grid .bzkshop-item:hover { transform: translateY(-3px); box-shadow: 0 14px 30px rgba(0,0,0,0.15); } /********* LOGO *********/ .bzkshop--minigrid-style1.bzkshop-grid .bzkshop-content .bzkshop-logo { width: 80px; height: 30px; background-size: contain; background-repeat: no-repeat; background-position: center center; margin: 0 auto 8px auto; border-radius: 6px; background-color: #ffffff; } /********* IMAGE *********/ .bzkshop--minigrid-style1.bzkshop-grid .bzkshop-image { padding: 8px; display: flex; justify-content: center; align-items: center; background-color: #fff; border-radius: 999px; height: 180px; width: 180px; } .bzkshop--minigrid-style1.bzkshop-grid .bzkshop-image img { border-radius: 999px; object-fit: contain; } /********* CONTENU *********/ .bzkshop--minigrid-style1.bzkshop-grid .bzkshop-content { text-align: center !important; margin-top: 10px; } /********* TITRE *********/ .bzkshop--minigrid-style1.bzkshop-grid .bzkshop-title { font-size: 1.3em; line-height: 1.35; font-weight: 600; color: #222222; margin: 0 0 6px 0; text-align: center !important; } /********* DESCRIPTION *********/ .bzkshop--minigrid-style1.bzkshop-grid .bzkshop-description { font-size: 1em; color: #555555; margin: 0 0 10px 0; text-align: center !important; } /********* PRIX *********/ .bzkshop--minigrid-style1.bzkshop-grid .bzkshop-offer { display: block !important; text-align: center !important; justify-content: unset !important; align-items: unset !important; /*height: auto !important;*/ } .bzkshop--minigrid-style1.bzkshop-grid .bzkshop-price { font-size: 1.8em; font-weight: 700; color: #111111; margin-bottom: 8px; } /********* CTA *********/ .bzkshop--minigrid-style1.bzkshop-grid .bzkshop-button { display: inline-block; width:100%; padding: 10px; border-radius: 30px; color: #ffffff; font-weight: 600; font-size: 13px; text-transform: uppercase; letter-spacing: 0.03em; text-align: center; background: linear-gradient(90deg, #8a6ff8, #53b7ff); box-shadow: 0 4px 12px rgba(0,0,0,0.2); transition: filter .2s ease, transform .2s ease; } .bzkshop--minigrid-style1.bzkshop-grid .bzkshop-button:hover { filter: brightness(1.06); transform: translateY(-1px); } /********************** * DISCOUNT **********************/ .bzkshop--minigrid-style1.bzkshop .bzkshop-discount{ width: 55px; height: 55px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; line-height: 1; background: #54b6ff; border: 2px solid #54b6ff; color: #fff; font-weight: 700; right: 0px; top: 10px; margin-right: 20px; padding: 10px; font-size: 1.09em; } /********************************* * * * MINI GRID NEW STYLE 2 – BAZOOKA * * * *********************************/ .bzkshop--minigrid-style2.mini-grid {padding: 20px 0;} /********* LISTE *********/ .bzkshop--minigrid-style2.bzkshop-grid .bzkshop-list { list-style: none; margin: 0; padding: 0; /* PAS DE GRID → tu conserves ta largeur 18% */ display: block; } /********* CARD *********/ .bzkshop--minigrid-style2.bzkshop-grid .bzkshop-item { background: #ffffff; border-radius: 5px; padding: 16px; border: 1px solid rgba(0, 0, 0, 0.05); box-shadow: 0 10px 25px rgba(0,0,0,0.15); display: flex; flex-direction: column; position: relative; box-sizing: border-box; transition: transform 0.2s ease, box-shadow 0.2s ease; margin: 0.9em; } .bzkshop--minigrid-style2.bzkshop-grid .bzkshop-item:hover { transform: translateY(-3px); box-shadow: 0 14px 30px rgba(0,0,0,0.25); } /********* LOGO *********/ .bzkshop--minigrid-style2.bzkshop-grid .bzkshop-content .bzkshop-logo { width: 80px; height: 26px; background-size: contain; background-repeat: no-repeat; background-position: center center; margin: 0 auto 8px auto; border-radius: 6px; background-color: #ffffff; } /********* IMAGE *********/ .bzkshop--minigrid-style2.bzkshop-grid .bzkshop-image { padding: 8px; display: flex; justify-content: center; align-items: center; background-color:#fff; border-radius: 5px; } .bzkshop--minigrid-style2.bzkshop-grid .bzkshop-image img { max-width: 100%; border-radius: 5px; box-shadow: 1px 1px 12px rgba(0,0,0,0.21); } /********* CONTENU *********/ .bzkshop--minigrid-style2.bzkshop-grid .bzkshop-content { text-align: center !important; margin-top: 10px; } /********* TITRE *********/ .bzkshop--minigrid-style2.bzkshop-grid .bzkshop-title { font-size: 1.3em; line-height: 1.35; font-weight: 600; color: #222222; margin: 0 0 6px 0; text-align: center !important; } /********* DESCRIPTION *********/ .bzkshop--minigrid-style2.bzkshop-grid .bzkshop-description { font-size: 1em; color: #555555; margin: 0 0 10px 0; text-align: center !important; } /********* PRIX *********/ .bzkshop--minigrid-style2.bzkshop-grid .bzkshop-offer { display: block !important; text-align: center !important; justify-content: unset !important; align-items: unset !important; /*height: auto !important;*/ } .bzkshop--minigrid-style2.bzkshop-grid .bzkshop-price { font-size: 1.8em; font-weight: 700; color: #111111; margin-bottom: 8px; } /********* CTA *********/ .bzkshop--minigrid-style2.bzkshop-grid .bzkshop-button { display: inline-block; width:100%; padding: 10px; border-radius: 5px; color: #ffffff; font-weight: 600; font-size: 13px; text-transform: uppercase; letter-spacing: 0.03em; text-align: center; background: #f68a29; transition: filter .2s ease, transform .2s ease; } .bzkshop--minigrid-style2.bzkshop-grid .bzkshop-button:hover { filter: brightness(1.06); transform: translateY(-1px); } /********************** * DISCOUNT **********************/ .bzkshop--minigrid-style2.bzkshop .bzkshop-discount{ border-color: #9957d7; background-color: #9957d7; color: #fff; border-radius: 3px; } /********************************* * * MINI GRID – NEW STYLE 3 * * *********************************/ /********************** * GRID **********************/ .bzkshop--minigrid-style3.bzkshop-grid { background: #e7ebf2; border-radius: 24px; padding: 24px; max-width: 70%; margin: 20px auto; } /********************** * LIST **********************/ .bzkshop--minigrid-style3.bzkshop-grid .bzkshop-list { list-style: none; margin: 0; padding: 0; display: flex; justify-content: space-between; } /********************** * CARD ITEM **********************/ .bzkshop--minigrid-style3.bzkshop-grid .bzkshop-item { max-width: none !important; box-shadow:none; border:none; padding: 10px 24px; box-sizing: border-box; display: flex !important; flex-direction: column !important; /* TOUT en colonne */ align-items: center !important; border-right: 2px solid #fff; background: transparent; border-radius: 0; } .bzkshop--minigrid-style3.bzkshop-grid .bzkshop-item:last-child { border-right: none; } .bzkshop--minigrid-style3.bzkshop-grid .bzkshop-header, .bzkshop--minigrid-style3.bzkshop-grid .bzkshop-content, .bzkshop--minigrid-style3.bzkshop-grid .bzkshop-footer { width: 100%; display: flex; flex-direction: column; align-items: center; } /********************** * IMAGE RONDE **********************/ .bzkshop--minigrid-style3.bzkshop-grid .bzkshop-header .bzkshop-image { padding: 8px; display: flex; justify-content: center; align-items: center; border-radius: 999px; height: 180px; width: 180px; } .bzkshop--minigrid-style3.bzkshop-grid .bzkshop-header .bzkshop-image img { border-radius: 999px; object-fit: contain; border: 10px solid #f4f7fb; } /********************** * LOGO MARQUE **********************/ .bzkshop--minigrid-style3.bzkshop-grid .bzkshop-content .bzkshop-logo { width: 80px; height: 26px; background-size: contain; background-repeat: no-repeat; background-position: center center; margin: 0 auto 8px auto; border-radius: 6px; background-color: #ffffff; } /********************** * TITRE **********************/ .bzkshop--minigrid-style3.bzkshop-grid .bzkshop-content { position: relative; text-align: center; padding: 0; margin-bottom: 8px; } .bzkshop--minigrid-style3.bzkshop-grid .bzkshop-title { font-size: 16px; font-weight: 600; color: #111827; margin: 0; line-height: 1.2em; } .bzkshop--minigrid-style3 .bzkshop-description { font-size:1em; } /********************** * PRIX **********************/ .bzkshop--minigrid-style3.bzkshop-grid .bzkshop-footer { padding: 8px 0 0 0; gap: 8px; } /* Prix au centre, en bloc, pas en colonne flex */ .bzkshop--minigrid-style3.bzkshop-grid .bzkshop-offer { display: block !important; width: 100%; text-align: center !important; align-items: unset !important; justify-content: unset !important; /* height: auto !important;*/ } .bzkshop--minigrid-style3.bzkshop-grid .bzkshop-price { font-size: 1.8em; font-weight: 700; color: #111827; margin: 0; } /********************** * BOUTON **********************/ .bzkshop--minigrid-style3.bzkshop-grid .bzkshop-button { background: #8a4ceb; color: #ffffff !important; border: none !important; border-radius: 999px; padding: 10px 30px; font-weight: 600; font-size: 14px; text-transform: uppercase; text-align: center; letter-spacing: 0.03em; max-width: 100%; display: inline-block; transition: all 0.2s ease; margin: 0 auto; } .bzkshop--minigrid-style3.bzkshop-grid .bzkshop-button:hover { filter: brightness(1.08); transform: translateY(-1px); } /********************** * DISCOUNT **********************/ .bzkshop--minigrid-style3.bzkshop .bzkshop-discount{ width: 55px; height: 55px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; line-height: 1; background: #8a4ceb; border: 2px solid #8a4ceb; color: #fff; font-weight: 700; right: 0; top: 10px; margin-right: 20px; padding: 10px; font-size: 1.09em; } /********************************* * * * MINI GRID – NEW STYLE 4 * * * *********************************/ /* Conteneur global : grande box blanche avec arrondis + ombre */ .bzkshop--minigrid-style4.bzkshop-grid { background: #ffffff; border-radius: 5px; box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2); padding: 24px; max-width: 70%; margin: 20px auto; } /* Les 3 cards côte à côte */ .bzkshop--minigrid-style4.bzkshop-grid .bzkshop-list { list-style: none; margin: 0; padding: 0; display: flex; justify-content: space-between; } /* CARD : forcer la colonne */ .bzkshop--minigrid-style4.bzkshop-grid .bzkshop-item { max-width: none !important; box-shadow:none; border:none; /* override du 18% inline */ flex: 1 1 0; padding: 10px 24px; box-sizing: border-box; display: flex !important; flex-direction: column !important; /* TOUT en colonne */ align-items: center !important; border-right: 1px solid #ddd; background: transparent; border-radius: 0; } /* Pas de trait sur la dernière card */ .bzkshop--minigrid-style4.bzkshop-grid .bzkshop-item:last-child { border-right: none; } /* Pour être sûr : header/content/footer en colonne et centrés */ .bzkshop--minigrid-style4.bzkshop-grid .bzkshop-header, .bzkshop--minigrid-style4.bzkshop-grid .bzkshop-content, .bzkshop--minigrid-style4.bzkshop-grid .bzkshop-footer { width: 100%; display: flex; flex-direction: column; align-items: center; } /********************** * IMAGE **********************/ .bzkshop--minigrid-style4.bzkshop-grid .bzkshop-header .bzkshop-image { display: flex; align-items: center; justify-content: center; margin: 0 auto 10px auto; padding: 0; } .bzkshop--minigrid-style4.bzkshop-grid .bzkshop-header .bzkshop-image img { border-radius: 5px; object-fit: contain; } /********************** * LOGO MARQUE **********************/ .bzkshop--minigrid-style4.bzkshop-grid .bzkshop-content .bzkshop-logo { width: 80px; height: 26px; background-size: contain; background-repeat: no-repeat; background-position: center center; margin: 0 auto 8px auto; border-radius: 5px; background-color: #ffffff; } /********************** * TITRE **********************/ .bzkshop--minigrid-style4.bzkshop-grid .bzkshop-content { position: relative; text-align: center; padding: 0; margin-bottom: 8px; } .bzkshop--minigrid-style4.bzkshop-grid .bzkshop-title { font-size: 16px; font-weight: 600; color: #111827; margin: 0; line-height: 1.2; } .bzkshop--minigrid-style4 .bzkshop-description { font-size : 1em; } /********************** * PRIX **********************/ .bzkshop--minigrid-style4.bzkshop-grid .bzkshop-footer { padding: 8px 0 0 0; gap: 8px; } /* Prix au centre, en bloc, pas en colonne flex */ .bzkshop--minigrid-style4.bzkshop-grid .bzkshop-offer { display: block !important; width: 100%; text-align: center !important; align-items: unset !important; justify-content: unset !important; } .bzkshop--minigrid-style4.bzkshop-grid .bzkshop-price { font-size: 1.8em; font-weight: 700; color: #111827; margin: 0; } /********************** * BOUTON **********************/ .bzkshop--minigrid-style4.bzkshop-grid .bzkshop-button { background: #29a7b2; color: #ffffff !important; border: none !important; border-radius: 5px; padding: 10px 30px; font-weight: 600; font-size: 14px; text-transform: uppercase; text-align: center; letter-spacing: 0.03em; max-width: 100%; display: inline-block; transition: all 0.2s ease; margin: 0 auto; } .bzkshop--minigrid-style4.bzkshop-grid .bzkshop-button:hover { filter: brightness(1.08); transform: translateY(-1px); } /********************** * DISCOUNT **********************/ .bzkshop--minigrid-style4.bzkshop .bzkshop-discount{ border-color: #29a7b2; background-color: #29a7b2; color: #ffffff; right: 10px; border-radius: 3px; } /********************** * * * GRID DEAL – NEW STYLE 1 * * **********************/ .bzkshop--griddeal-style1 .bzkshop-list { padding: 30px 0; } /********************** * ITEM **********************/ .bzkshop--griddeal-style1.bzkshop .bzkshop-item { border: solid 1px #dddddd; border-radius: 10px; box-shadow: rgb(0 0 0 / 15%) 0px 10px 10px; transition: transform 0.3s ease; } .bzkshop--griddeal-style1 .bzkshop-list > li.bzkshop-item:nth-child(2){ background: #f1fbf7; position: relative; } /********************** * HEADER **********************/ .bzkshop--griddeal-style1.bzkshop .bzkshop-header { display: block !important; border-radius: 20px 20px 0px 0px; } /********************** * IMAGE **********************/ .bzkshop--griddeal-style1.bzkshop .bzkshop-image { padding-top: 5%; padding-bottom: 5%; max-height: 250px; } .bzkshop--griddeal-style1.bzkshop .bzkshop-image .new-img-bzk{ border: solid 10px white; border-radius: 10px; } /********************** * LOGO MARQUE **********************/ .bzkshop--griddeal-style1.bzkshop .bzkshop-header .bzkshop-logo{ width: 100px; height: 26px; background-size: contain; background-repeat: no-repeat; background-position: center center; margin: 0 auto 8px auto; border-radius: 5px; background-color: #ffffff; } /********************** * CONTENT **********************/ .bzkshop--griddeal-style1.bzkshop .bzkshop-content{ margin-top: 5px; padding: 0 1.5em; text-align:left; } /********************** * TITLE **********************/ .bzkshop--griddeal-style1 .bzkshop-title { color: #3cc188; } /********************** * BUTTON **********************/ .bzkshop--griddeal-style1 .bzkshop-button { background-color: #3cc188; width:50%; } /********************** * OFFER **********************/ .bzkshop--griddeal-style1.bzkshop .bzkshop-offer { text-align: left; } /********************** * DISCOUNT **********************/ .bzkshop--griddeal-style1 .bzkshop-discount { right: 50px; border-radius: 5px; top: 50px; font-size: 1em; padding: 0.2em 0.25em; background: #3cc188; color: #fff; border: solid 2px #3cc188; font-weight: 600; } /********************** * Bandeau centré en haut (effet bouton) **********************/ .bzkshop--griddeal-style1 .bzkshop-item #bandeau_best_offer{ position: absolute; top: 0px; left: 50%; transform: translate(-50%, -55%); z-index: 50; opacity: 1; width: auto; height: auto; clip-path: none; border-radius: 5px; padding: 10px 40px; background: #212121; box-shadow: 0 10px 20px rgba(0,0,0,.20); display: inline-flex; align-items: center; justify-content: center; } /* Texte du bandeau (plus de rotation) */ .bzkshop--griddeal-style1 .bzkshop-item #bandeau_best_offer p{ position: static; transform: none; margin: 0; width: auto; color: #fff; font-size: 14px; font-weight: 700; line-height: 1; white-space: nowrap; } /* Optionnel : évite que ça chevauche trop le visuel */ .bzkshop--griddeal-style1 .bzkshop-item .bzkshop-header{ padding-top: 16px;} .bzkshop--griddeal-style1 .bzkshop-footer {padding: 0 1.5em 1.5em 1.5em;} .bzkshop--griddeal-style1.bzkshop .bzkshop-button { max-width: 100%; margin-bottom:0px; } /********************** * * * GRID DEAL – NEW STYLE 2 * * * **********************/ .bzkshop--griddeal-style2 .bzkshop-list { padding: 30px 0; } /********************** * ITEM **********************/ .bzkshop--griddeal-style2.bzkshop .bzkshop-item { border: solid 1px #dddddd; border-radius: 20px; box-shadow: rgb(0 0 0 / 15%) 0px 10px 10px; transition: transform 0.3s ease; } .bzkshop--griddeal-style2 .bzkshop-list > li.bzkshop-item:nth-child(2){ background: #fff; position: relative; border: solid 1px #8746db; box-shadow: rgb(135 70 219 / 15%) 5px 10px 20px; } /********************** * LOGO MARQUE **********************/ .bzkshop--griddeal-style2.bzkshop .bzkshop-header .bzkshop-logo{ width: 100px; height: 26px; background-size: contain; background-repeat: no-repeat; background-position: center center; margin: 0 auto 8px auto; border-radius: 5px; background-color: #ffffff; } /********************** * HEADER **********************/ .bzkshop--griddeal-style2.bzkshop .bzkshop-header { display: block !important; border-radius: 20px 20px 0px 0px; } /********************** * IMAGE **********************/ .bzkshop--griddeal-style2.bzkshop .bzkshop-image { padding-top: 5%; padding-bottom: 5%; max-height: 250px; } .bzkshop--griddeal-style2.bzkshop .bzkshop-image .new-img-bzk{ border: solid 10px white; border-radius: 20px; } /********************** * CONTENT **********************/ .bzkshop--griddeal-style2.bzkshop .bzkshop-content{ margin-top: 5px; padding: 0 1.5em; } /********************** * TITLE **********************/ .bzkshop--griddeal-style2 .bzkshop-title { color: #8746db; } /********************** * BUTTON **********************/ .bzkshop--griddeal-style2 .bzkshop-button { background: linear-gradient(90deg, #8746db, #da3a82); border-radius:999px; } /********************** * DISCOUNT **********************/ .bzkshop--griddeal-style2 .bzkshop-discount { position: absolute; top: 90px; right: 50px; font-size: 1em; padding: 0; background: #fff; color: #d93a83; border: solid 2px #d93a83; font-weight: 700; white-space: nowrap; border-radius: 999px; width: 60px; line-height: 60px; height: 60px; } /********************** * OFFER **********************/ .bzkshop--griddeal-style2.bzkshop .bzkshop-offer { text-align: center; } /********************** * Bandeau centré en haut (effet bouton) **********************/ .bzkshop--griddeal-style2 .bzkshop-item #bandeau_best_offer { background-color: #8e45d3; clip-path: polygon(0% 0, 55% 0, 0 55%, 0 50%); width: 250px; height: 250px; z-index: 4; position: absolute; top: 0; left: 0; opacity: 0.9; border-radius: 20px 0 0 0; } .bzkshop--griddeal-style2 .bzkshop-item #bandeau_best_offer p { transform: rotate(-45deg); color: white; font-size: 15px; position: absolute; top: 25px; left: 0px; width: 40%; text-transform: uppercase; font-weight:600; } .bzkshop--griddeal-style2 .bzkshop-item .bzkshop-header{ padding-top: 16px; } .bzkshop--griddeal-style2 .bzkshop-footer { padding: 1.5em;} .bzkshop--griddeal-style2.bzkshop .bzkshop-button { max-width: 80%; margin:0 auto; } /********************** * * * GRID DEAL – NEW STYLE 3 * * **********************/ .bzkshop--griddeal-style3 .bzkshop-list { padding: 30px 0; } /********************** * ITEM **********************/ .bzkshop--griddeal-style3.bzkshop .bzkshop-item { border: none; border-radius: 5px; border: solid 1px #dddddd; box-shadow:none; transition: transform 0.3s ease; } .bzkshop--griddeal-style3 .bzkshop-list > li.bzkshop-item:nth-child(2){ background: #fff; position: relative; box-shadow: rgb(245 88 73 / 25%) 5px 10px 20px; } /********************** * HEADER **********************/ .bzkshop--griddeal-style3.bzkshop .bzkshop-header { display: block !important; border-radius: 5px; } /********************** * IMAGE **********************/ .bzkshop--griddeal-style3.bzkshop .bzkshop-image { padding-top: 5%; padding-bottom: 5%; max-height: 250px; } .bzkshop--griddeal-style3.bzkshop .bzkshop-image .new-img-bzk{ border: solid 10px white; border-radius: 5px; } /********************** * CONTENT **********************/ .bzkshop--griddeal-style3.bzkshop .bzkshop-content{ margin-top: 5px; padding: 0 1.5em; } /********************** * DISCOUNT **********************/ .bzkshop--griddeal-style3 .bzkshop-discount { border-color: #f3ad2b; color: #f3ad2b; right: 5%; top: inherit; border-radius: 5px; font-size: 1em; padding: 0.5em 0.25em; } .bzkshop--griddeal-style3 .bzkshop-list > li.bzkshop-item:nth-child(2) .bzkshop-discount{ border-color: #f65a4b; color: #f65a4b; } /********************** * LOGO MARQUE **********************/ .bzkshop--griddeal-style3.bzkshop .bzkshop-header .bzkshop-logo{ width: 100px; height: 26px; background-size: contain; background-repeat: no-repeat; background-position: center center; margin: 0 auto 8px auto; border-radius: 5px; background-color: #ffffff; } /********************** * TITLE **********************/ .bzkshop--griddeal-style3 .bzkshop-title { color: #212121;} .bzkshop--griddeal-style3 .bzkshop-list > li.bzkshop-item:nth-child(2) .bzkshop-title{ color: #f65a4b;} /********************** * OFFER **********************/ .bzkshop--griddeal-style3 .bzkshop-item #bandeau_best_offer{ position: absolute; top: 0px; left: 50%; transform: translate(-50%, 0%); width: 100%; height: auto; border-radius: 5px 5px 0 0 ; padding: 15px 40px; background: #f65a4b; box-shadow: none; display: inline-flex; align-items: center; justify-content: center; clip-path: none; } /* Texte du bandeau (plus de rotation) */ .bzkshop--griddeal-style3 .bzkshop-item #bandeau_best_offer p{ position: static; transform: none; margin: 0; width: auto; color: #fff; font-size: 14px; font-weight: 700; line-height: 1; white-space: nowrap; } /********************** * BUTTON **********************/ .bzkshop--griddeal-style3 .bzkshop-button { background: #f3ad2b; color:#fff; border-radius:5px; width:60%; margin: 0 auto; } .bzkshop--griddeal-style3 .bzkshop-list > li.bzkshop-item:nth-child(2) .bzkshop-button{ background: #f65a4b; color:#fff; width:80%; margin: 0 auto; } /********************** * FOOTER **********************/ .bzkshop--griddeal-style3 .bzkshop-footer {padding: 1.5em;} /********************** * * * GRID DEAL – NEW STYLE 4 * * * **********************/ .bzkshop--griddeal-style4 .bzkshop-list { padding: 30px 0;} /********************** * ITEM **********************/ .bzkshop--griddeal-style4.bzkshop .bzkshop-item { border: 1px solid #ccc; border-radius: 10px; box-shadow: none; transition:transform 0.2s ease-out; } .bzkshop--griddeal-style4.bzkshop .bzkshop-item:hover { transform: translateY(-10px); } .bzkshop--griddeal-style4 .bzkshop-list > li.bzkshop-item:nth-child(1), .bzkshop--griddeal-style4 .bzkshop-list > li.bzkshop-item:nth-child(3){ scale: 0.8 !important; } .bzkshop--griddeal-style4 .bzkshop-list > li.bzkshop-item:nth-child(2){ background: #f0f8ff; position: relative; box-shadow: rgb(0 0 0 / 15%) 10px 10px 20px; border-color: #2b98ed; } /********************** * HEADER **********************/ .bzkshop--griddeal-style4.bzkshop .bzkshop-header { display: block !important; } /********************** * IMAGE **********************/ .bzkshop--griddeal-style4.bzkshop .bzkshop-image { padding-top: 5%; padding-bottom: 5%; max-height: 250px; } .bzkshop--griddeal-style4.bzkshop .bzkshop-image .new-img-bzk{ border: solid 10px white; border-radius: 10px; } /********************** * CONTENT **********************/ .bzkshop--griddeal-style4.bzkshop .bzkshop-content{ margin-top: 5px; padding: 0 1.5em; } /********************** * LOGO MARQUE **********************/ .bzkshop--griddeal-style4.bzkshop .bzkshop-header .bzkshop-logo{ width: 100px; height: 26px; background-size: contain; background-repeat: no-repeat; background-position: center center; margin: 0 auto 8px auto; border-radius: 5px; background-color: #ffffff; } /********************** * TITLE **********************/ .bzkshop--griddeal-style4 .bzkshop-title {color: #2f3a4d;} .bzkshop--griddeal-style4 .bzkshop-list > li.bzkshop-item:nth-child(2) .bzkshop-title{color: #2b98ed;} .bzkshop--griddeal-style4 .bzkshop-footer{padding: 0;} /********************** * BUTTON **********************/ .bzkshop--griddeal-style4 .bzkshop-button { background: #2f3a4d; border-radius:0 0 10px 10px; max-width:100%; margin: 0; } .bzkshop--griddeal-style4 .bzkshop-list > li.bzkshop-item:nth-child(2) .bzkshop-button{background-color: #2b98ed;} /********************** * DISCOUNT **********************/ .bzkshop--griddeal-style4 .bzkshop-discount { position: absolute; top: 90px; right: 50px; font-size: 1em; padding: 0.2em 0.4em; background: #2b98ed; color: #fff; border: solid 2px #2b98ed; font-weight: 700; white-space: nowrap; border-radius: 5px; } /********************** * OFFER **********************/ .bzkshop--griddeal-style4.bzkshop .bzkshop-offer {text-align: center; } /********************** * Bandeau meilleure offre **********************/ .bzkshop--griddeal-style4 #bandeau_best_offer {background-color: #2b98ed;} /********************** * * * Box – NEW STYLE 1 * * **********************/ .bzkshop--box-style1 .bzkshop-list {padding: 30px 0;} /********************** * ITEM **********************/ .bzkshop--box-style1.bzkshop .bzkshop-item { border-radius:10px; border: solid 1px #ddd; box-shadow: rgb(0 0 0 / 10%) 10px 10px 20px; background-color:#f4f4f4; padding:0; margin-bottom: 1.5em; } /********************** * LOGO MARQUE **********************/ .bzkshop--box-style1 .bzkshop-logo { width: 90px; height: 26px; background-size: contain; background-repeat: no-repeat; background-position: right; margin: 0 0.1em 0.5em auto; border-radius: 5px; background-color: #ffffff; } /********************** * HEADER **********************/ .bzkshop--box-style1 .bzkshop-header{ padding:0 5%; background: #fff; border-radius: 10px 0 0 10px; } /********************** * CONTENT **********************/ .bzkshop--box-style1 .bzkshop-content { padding: 0.5em 1.5em; border-left:1px solid #ddd; } /********************** * IMAGE **********************/ .bzkshop--box-style1 .bzkshop-image img { border-radius: 5px; } .bzkshop--box-style1.bzkshop .bzkshop-image { padding:5%; background-color: #fff; justify-content: center; /* <-- centre horizontal */ } /********************** * TITLE **********************/ .bzkshop--box-style1 .bzkshop-title{ padding-right: 8em; color: #044e3e; font-size: 1.2em; font-weight: 600; } /********************** * DESCRIPTION **********************/ .bzkshop--box-style1 .bzkshop-description{ padding-right: 8em;} /********************** * DISCOUNT **********************/ .bzkshop--box-style1.bzkshop .bzkshop-discount { color: #fff; left: 1em; border-radius: 5px; position: absolute; top: 1em; font-size: 0.8em; padding: 0.5em 1em; background: #6aac41; border: none; } /********************** * BUTTON **********************/ .bzkshop--box-style1 .bzkshop-button{ position: absolute; right: 25px; bottom: 25px; background-color: #044e3e; border-radius:5px; } /********************** * * * Box – NEW STYLE 2 * * **********************/ .bzkshop--box-style2 .bzkshop-list {padding: 30px 0;} /********************** * ITEM **********************/ .bzkshop--box-style2.bzkshop .bzkshop-item { border-radius:20px; border: solid 1px #9db4a6; box-shadow: rgb(0 0 0 / 15%) 10px 0px 25px; padding: 0; margin-bottom: 1.5em; } /********************** * LOGO **********************/ .bzkshop--box-style2 .bzkshop-logo { position: absolute; left:1.3em; top:1em; background-color: #fff; width : 100px; height:30px; border-radius: 5px; background-size: contain; } /********************** * HEADER **********************/ .bzkshop--box-style2 .bzkshop-header{ padding:0 5%; background-color: #9db4a6; border-radius: 16px 0 0 16px; } /********************** * CONTENT **********************/ .bzkshop--box-style2 .bzkshop-content { padding: 0.5em 1.5em; border-left:1px solid #9db4a6; } /********************** * IMAGE **********************/ .bzkshop--box-style2 .bzkshop-image img {border-radius: 999px;} .bzkshop--box-style2.bzkshop .bzkshop-image { padding-top: 5%; padding-bottom: 5%; justify-content: center; /* <-- centre horizontal */ } /********************** * TITLE **********************/ .bzkshop--box-style2 .bzkshop-title{ padding-right: 8em; color: #212121; font-size: 1em; font-weight: 600; } /********************** * DESCRIPTION **********************/ .bzkshop--box-style2 .bzkshop-description{padding-right: 8em;} /********************** * DISCOUNT **********************/ .bzkshop--box-style2.bzkshop .bzkshop-discount { top: 1em; right: 1em; border-radius: 999px; color: #fff; border: none; width: 60px; height: 60px; line-height: 60px; text-align: center; border-color: #de545b; background-color: #de545b; left: inherit; padding: 0; font-size: 1em; font-weight: 600; } /********************** * BUTTON **********************/ .bzkshop--box-style2 .bzkshop-button{ position: absolute; right: 25px; bottom: 25px; background-color: #9db4a6; border-radius:999px; } /********************** * * * Box – NEW STYLE 3 * * **********************/ .bzkshop--box-style3 .bzkshop-list {padding: 30px 0;} /********************** * ITEM **********************/ .bzkshop--box-style3.bzkshop .bzkshop-item { max-width: 80% !important; border-radius:5px; border: solid 1px #8945f6; box-shadow: rgb(137 69 246 / 10%) 10px 10px 20px; padding: 0; margin-bottom: 1.5em; } /********************** * HEADER **********************/ .bzkshop--box-style3 .bzkshop-header{ padding:0 5%; border-radius: 5px 0 0 5px; } /********************** * CONTENT **********************/ .bzkshop--box-style3 .bzkshop-content {padding: 0.5em 1.5em;} /********************** * IMAGE **********************/ .bzkshop--box-style3 .bzkshop-image img {border-radius: 10px;} .bzkshop--box-style3.bzkshop .bzkshop-image { padding-top: 5%; padding-bottom: 5%; justify-content: center; /* <-- centre horizontal */ } /********************** * LOGO **********************/ .bzkshop--box-style3 .bzkshop-logo { width : 100px; height:30px; border-radius: 5px; background-size: contain; background-repeat: no-repeat; } /********************** * TITLE **********************/ .bzkshop--box-style3 .bzkshop-title{ padding-right: 1em; color: #212121; font-size: 1em; font-weight: 600; } /********************** * DESCRIPTION **********************/ .bzkshop--box-style3 .bzkshop-description{ padding-right: 8em; display:none; } /********************** * DISCOUNT **********************/ .bzkshop--box-style3.bzkshop .bzkshop-discount { border-radius: 5px; background: #d81f8f; border-color:#d81f8f; color: #fff; border: none; font-size: 1em; padding: 0.5em; } /********************** * BUTTON **********************/ .bzkshop--box-style3 .bzkshop-button{ background: linear-gradient(90deg, #e01b84, #8546f8); border-radius:5px; } /********************** * * * Box – NEW STYLE 4 * * **********************/ .bzkshop--box-style4 .bzkshop-list { padding: 30px 0;} /********************** * ITEM **********************/ .bzkshop--box-style4.bzkshop .bzkshop-item { max-width: 80% !important; border-radius:20px; border: none; box-shadow: rgb(0 0 0 / 20%) 0px 0px 20px; margin-bottom: 1.5em; } /********************** * LOGO MARQUE **********************/ .bzkshop--box-style4 .bzkshop-logo { position: absolute; right: 1.5em; bottom: 1.5em; width: 100px; height: 30px; border-radius: 5px; background-size: contain; background-repeat: no-repeat; background-position: center center; } /********************** * HEADER **********************/ .bzkshop--box-style4 .bzkshop-header{ padding:0 5%; border-radius: 20px 0 0 20px; } /********************** * CONTENT **********************/ .bzkshop--box-style4 .bzkshop-content { padding: 0.5em 1.5em; } /********************** * IMAGE **********************/ .bzkshop--box-style4 .bzkshop-image img {border-radius: 999px;} .bzkshop--box-style4.bzkshop .bzkshop-image { padding-top: 5%; padding-bottom: 5%; justify-content: center; /* <-- centre horizontal */ } /********************** * TITLE **********************/ .bzkshop--box-style4 .bzkshop-title{ padding-right: 1em; color: #27aab0; font-size: 1em; font-weight: 600; } /********************** * DESCRIPTION **********************/ .bzkshop--box-style4 .bzkshop-description{ display:none; } /********************** * DISCOUNT **********************/ .bzkshop--box-style4.bzkshop .bzkshop-discount { color: #fff; border-radius: 99px; position: absolute; top: 1em; left: 1em; font-size: 0.8em; padding: 0.5em 1em; background: #e6ca43; border: none; } /********************** * BUTTON **********************/ .bzkshop--box-style4 .bzkshop-button{ background: linear-gradient(90deg, #22abba, #ebcb41); border-radius:999px; } /********************** * * * Mini Box – NEW STYLE 1 * * **********************/ .bzkshop--minibox-style1 .bzkshop-list { padding: 30px 0; } .bzkshop--minibox-style1 .bzkshop-list :last-child { margin-bottom: 1.5em;} /********************** * ITEM **********************/ .bzkshop--minibox-style1.bzkshop .bzkshop-item { border-radius:10px; border: solid 4px #fff; box-shadow: rgb(0 0 0 / 20%) 0px 0px 20px; background-color:#f9f8f1; } .bzkshop--minibox-style1 .bzkshop-list li:last-child { margin-bottom: 1em;} /********************** * LOGO MARQUE **********************/ .bzkshop--minibox-style1 .bzkshop-logo { position: absolute; right: 1em; top: 0em; width: 100px; height: 30px; border-radius: 5px; background-size: contain; background-repeat: no-repeat; background-position: center center; } /********************** * IMAGE **********************/ .bzkshop--minibox-style1 .bzkshop-image img {border-radius: 5px;} .bzkshop--minibox-style1.bzkshop .bzkshop-image { padding-top: 5%; padding-bottom: 5%; } /********************** * TITLE **********************/ .bzkshop--minibox-style1 .bzkshop-title{ padding-right: 8em; color: #212121; font-size: 1em; font-weight: 600; } /********************** * DESCRIPTION **********************/ .bzkshop--minibox-style1 .bzkshop-description{ padding-right: 8em; } /********************** * BUTTON **********************/ .bzkshop--minibox-style1 .bzkshop-button{ position: absolute; right: 1em; bottom: 1em; background-color: #df953c; border-radius:10px; } /********************** * DISCOUNT **********************/ .bzkshop--minibox-style1.bzkshop .bzkshop-discount { border-radius: 10px 0; top: 0em; left: 0em; font-size: 0.8em; padding: 0.5em 1em; background: #7b9486; color: #fff; border: none; } /********************** * * * Mini Box – NEW STYLE 2 * * **********************/ .bzkshop--minibox-style2 .bzkshop-list {padding: 30px 0;} /********************** * ITEM **********************/ .bzkshop--minibox-style2.bzkshop .bzkshop-item { padding: 0; border-radius: 0px; border: solid 1px #ddd; box-shadow: rgb(0 0 0 / 15%) 10px 0px 25px; } .bzkshop--minibox-style2 .bzkshop-list li:last-child { margin-bottom: 1em; } /********************** * HEADER **********************/ .bzkshop--minibox-style2 .bzkshop-logo { position: absolute; left:1.3em; top:1em; background-color: #fff; width : 100px; height:30px; border-radius: 5px; background-size: contain; } /********************** * IMAGE **********************/ .bzkshop--minibox-style2 .bzkshop-image img {border-radius: 999px;} .bzkshop--minibox-style2.bzkshop .bzkshop-image { padding-top: 5%; padding-bottom: 5%; } /********************** * CONTENT **********************/ .bzkshop--minibox-style2 .bzkshop-content{ background: #ededed; padding: 1em; border-left: solid 1px #ddd; min-height: 310px; } /********************** * TITLE **********************/ .bzkshop--minibox-style2 .bzkshop-title{ padding-right: 3em; color: #de555b; font-size: 1em; font-weight: 600; } /********************** * DESCRIPTION **********************/ .bzkshop--minibox-style2 .bzkshop-description{ padding-right: 3em;} /********************** * DISCOUNT **********************/ .bzkshop--minibox-style2.bzkshop .bzkshop-discount { top: 0; right: 0; left:inherit; border-radius: 0; padding: 0.5em 1em; background: #de555b; font-size: 0.8em; color: #fff; border: none; } /********************** * BUTTON **********************/ .bzkshop--minibox-style2 .bzkshop-button{ background: #de555b; border-radius:0px; padding: 0.5em 1.5em; color:#fff; } /********************** * * * Mini Box – NEW STYLE 3 * * * **********************/ .bzkshop--minibox-style3 .bzkshop-list {padding: 30px 0;} /********************** * ITEM **********************/ .bzkshop--minibox-style3.bzkshop .bzkshop-item { border-radius:10px; border: solid 1px #8945f6; box-shadow: rgb(137 69 246 / 10%) 10px 10px 20px; } .bzkshop--minibox-style3 .bzkshop-list li:last-child {margin-bottom: 1em;} /********************** * IMAGE **********************/ .bzkshop--minibox-style3 .bzkshop-image img {border-radius: 10px;} .bzkshop--minibox-style3.bzkshop .bzkshop-image { padding-top: 5%; padding-bottom: 5%; } /********************** * TITLE **********************/ .bzkshop--minibox-style3 .bzkshop-title { padding-right: 1em; color: #db1e8b; font-size: 1em; font-weight: bold; margin-bottom:6px; } /********************** * DESCRIPTION **********************/ .bzkshop--minibox-style3 .bzkshop-description{ font-size:1em; padding-right: 1em;} /********************** * DISCOUNT **********************/ .bzkshop--minibox-style3.bzkshop .bzkshop-discount { top: 1em; left: 1em; width:50px; height: 50px; border-radius: 999px; line-height:50px; padding: 0 0.5em; background: #8546f8; color: #fff; border: none; font-size: 0.8em; } /********************** * BUTTON **********************/ .bzkshop--minibox-style3 .bzkshop-button{ background: linear-gradient(90deg, #e01b84, #8546f8); border-radius:10px; width: auto !important; max-width: 100%; font-size: 0.85em; text-transform: uppercase; font-weight: 600; letter-spacing: 0.1em; color:#fff; } /********************** * * * Mini Box – NEW STYLE 4 * * * **********************/ .bzkshop--minibox-style4 .bzkshop-list {padding: 30px 0;} /********************** * ITEM **********************/ .bzkshop--minibox-style4.bzkshop .bzkshop-item { border-radius:20px; border: solid 1px #ddd; box-shadow: rgb(0 0 0 / 10%) 10px 10px 20px; } .bzkshop--minibox-style4 .bzkshop-list li:last-child { margin-bottom: 1em;} /********************** * LOGO MARQUE **********************/ .bzkshop--minibox-style4 .bzkshop-logo { position: absolute; right: 1.5em; bottom: 1.5em; width: 100px; height: 30px; background-color: #fff; border-radius: 5px; background-size: contain; background-repeat: no-repeat; background-position: center center; } /********************** * IMAGE **********************/ .bzkshop--minibox-style4 .bzkshop-image img {border-radius: 999px;} .bzkshop--minibox-style4.bzkshop .bzkshop-image { padding-top: 5%; padding-bottom: 5%; } /********************** * TITLE **********************/ .bzkshop--minibox-style4 .bzkshop-title{ padding-right: 1em; color: #ea942d; font-size: 1em; font-weight: 600; margin-bottom:6px; } /********************** * DESCRIPTION **********************/ .bzkshop--minibox-style4 .bzkshop-description{ font-size:1em; display:none;} /********************** * DISCOUNT **********************/ .bzkshop--minibox-style4.bzkshop .bzkshop-discount { color: #fff; border-radius: 20px; position: absolute; top: 1em; left:1em; font-size: 0.8em; padding: 0.5em 1em; background: #8631df; border: none; } /********************** * BUTTON **********************/ .bzkshop--minibox-style4 .bzkshop-button{ background: #ea942d; border-radius:999px; } /************************************** * * RESPONSIVE – MOBILE (max-width 768px) * **************************************/ @media screen and (max-width: 768px) { .bzkshop .bzkshop-item {max-width: 85% !important;} /************************************* * NEWGRID – style1 à style4 * Le CSS Grid gère déjà le passage en 1 colonne. * On corrige les positionnements absolus fragiles * et on réduit la hauteur min des images. *************************************/ /* Images : retirer min-height trop grand */ [class*="bzkshop--newgrid-style"].bzkshop-grid .bzkshop-header .bzkshop-image img { max-height: 220px; max-width: 220px !important; min-width: 200px; min-height: 200px; } /* Logo : passer en statique au lieu de absolute avec top négatif */ .bzkshop--newgrid-style1.bzkshop-grid .bzkshop-content .bzkshop-logo { position: static !important; top: auto !important; right: auto !important; margin: 8px 0 8px auto; } .bzkshop--newgrid-style1.bzkshop-grid .bzkshop-offer{ height:auto !important; } .bzkshop--newgrid-style3.bzkshop-grid .bzkshop-content .bzkshop-logo, .bzkshop--newgrid-style4.bzkshop-grid .bzkshop-content .bzkshop-logo { position: static !important; top: auto !important; right: auto !important; margin: 0 0 8px auto; } /* Discount style1 : repositionner (top: 28em trop fragile) */ .bzkshop--newgrid-style1.bzkshop .bzkshop-discount { top: auto; right: auto; position: relative; margin-left: 10px; margin-top: -1em; } /* Discount style4 : repositionner (right: 12em trop large) */ .bzkshop--newgrid-style4.bzkshop .bzkshop-discount { right: 20px; margin-right: 0; } /************************************* * MINIGRID – style1 & style2 * Override du max-width: 18% inline du PHP *************************************/ .bzkshop--minigrid-style1.bzkshop-grid .bzkshop-header, .bzkshop--minigrid-style2.bzkshop-grid .bzkshop-header{ display: ruby !important;} .bzkshop--minigrid-style1.bzkshop-grid .bzkshop-item, .bzkshop--minigrid-style2.bzkshop-grid .bzkshop-item { max-width: 85% !important; width: 85% !important; margin: 0.5em auto; flex: inherit !important; } .bzkshop--minigrid-style1.bzkshop-grid .bzkshop-image, .bzkshop--minigrid-style2.bzkshop-grid .bzkshop-image{ height: 120px; width: 120px; } .bzkshop--minigrid-style1.bzkshop-grid .bzkshop-title, .bzkshop--minigrid-style2.bzkshop-grid .bzkshop-title { font-size: 1.1em; line-height: 1.15em; } .bzkshop--minigrid-style1.bzkshop-grid .bzkshop-offer, .bzkshop--minigrid-style2.bzkshop-grid .bzkshop-offer { height: auto !important; margin: 0.25em 0 0.5em; } .bzkshop--minigrid-style1.bzkshop-grid .bzkshop-price, .bzkshop--minigrid-style2.bzkshop-grid .bzkshop-price { font-size: 1.5em; } /************************************* * MINIGRID – style3 & style4 * Conteneur 70% trop étroit, flex row sans wrap *************************************/ .bzkshop--minigrid-style3.bzkshop-grid, .bzkshop--minigrid-style4.bzkshop-grid { padding: 14px; max-width: 85% !important; } .bzkshop--minigrid-style3.bzkshop-grid .bzkshop-item, .bzkshop--minigrid-style4.bzkshop-grid .bzkshop-item { margin: 0 auto; flex: inherit !important; border-right: none; } .bzkshop--minigrid-style3.bzkshop-grid .bzkshop-item { border-bottom: 2px solid #fff; } .bzkshop--minigrid-style4.bzkshop-grid .bzkshop-item { border-bottom: 1px solid #ddd; } .bzkshop--minigrid-style3.bzkshop-grid .bzkshop-header .bzkshop-image, .bzkshop--minigrid-style4.bzkshop-grid .bzkshop-header .bzkshop-image{ height: auto; width: auto; } .bzkshop--minigrid-style3.bzkshop-grid .bzkshop-header .bzkshop-image img, .bzkshop--minigrid-style4.bzkshop-grid .bzkshop-header .bzkshop-image img{ height: 120px; width: 120px; } .bzkshop--minigrid-style3.bzkshop-grid .bzkshop-title, .bzkshop--minigrid-style4.bzkshop-grid .bzkshop-title { font-size: 1.1em !important; line-height: 1.15em; margin-bottom:6px; } .bzkshop--minigrid-style3.bzkshop-grid .bzkshop-offer, .bzkshop--minigrid-style4.bzkshop-grid .bzkshop-offer { height: auto !important; margin: 0.25em 0 0.5em; } .bzkshop--minigrid-style3 .bzkshop-description, .bzkshop--minigrid-style4 .bzkshop-description { font-size:1em; } .bzkshop--minigrid-style3.bzkshop-grid .bzkshop-price, .bzkshop--minigrid-style4.bzkshop-grid .bzkshop-price { font-size: 1.5em; } .bzkshop--minigrid-style3.bzkshop-grid .bzkshop-item:last-child, .bzkshop--minigrid-style4.bzkshop-grid .bzkshop-item:last-child { border-bottom: none; } /************************************* * GRIDDEAL – style1 à style4 * Empiler les 3 cards verticalement *************************************/ [class*="bzkshop--griddeal-style"] .bzkshop-list { flex-direction: column !important; align-items: center; } [class*="bzkshop--griddeal-style"] .bzkshop-item { max-width: 85% !important; width: 85% !important; /*scale: 1 !important;*/ } /* Bandeau best offer style2 : clip-path 250px déborde */ .bzkshop--griddeal-style2 .bzkshop-item #bandeau_best_offer { width: 220px; height: 220px; } .bzkshop--griddeal-style2 .bzkshop-item #bandeau_best_offer p { top: 18px; left: 0; /*font-size: 12px; width: 42%;*/ } /* Discount griddeal : ajuster positions fixes */ .bzkshop--griddeal-style2 .bzkshop-discount, .bzkshop--griddeal-style4 .bzkshop-discount { right: 15px; top: 60px; } /************************************* * BOX – style1 à style4 * Passer en layout vertical (image au-dessus, contenu dessous) *************************************/ [class*="bzkshop--box-style"].bzkshop .bzkshop-item { flex-direction: column !important; max-width: 85% !important; } [class*="bzkshop--box-style"] .bzkshop-header { border-radius: 10px 10px 0 0 !important; width: 100%; } [class*="bzkshop--box-style"] .bzkshop-content { border-left: none !important; padding: 1em !important; } /* Supprimer les padding-right: 8em qui écrasent le texte */ [class*="bzkshop--box-style"] .bzkshop-title, [class*="bzkshop--box-style"] .bzkshop-description { padding-right: 0 !important; } /* Boutons absolus : passer en statique */ .bzkshop--box-style1 .bzkshop-button, .bzkshop--box-style2 .bzkshop-button { position: static !important; margin: 1em auto !important; width: auto; } /* Logo box-style2 absolu : repositionner */ .bzkshop--box-style2 .bzkshop-logo { position: static !important; margin: 0 0 8px 0; } /* Logo box-style4 absolu en bas : repositionner */ .bzkshop--box-style4 .bzkshop-logo { position: static !important; margin: 8px auto 0; } /************************************* * MINIBOX – style1 à style4 * (le passage en 1 colonne est déjà géré par style.css @745px) * On corrige le layout interne de chaque card *************************************/ [class*="bzkshop--minibox-style"].bzkshop .bzkshop-item {flex-direction: column !important; } [class*="bzkshop--minibox-style"].bzkshop-description {padding-right: 0 !important;} .bzkshop--minibox-style1.bzkshop .bzkshop-image, .bzkshop--minibox-style2.bzkshop .bzkshop-image, .bzkshop--minibox-style3.bzkshop .bzkshop-image, .bzkshop--minibox-style4.bzkshop .bzkshop-image { padding-top: 2%; padding-bottom: 2%; } .bzkshop--minibox-style1 .bzkshop-title, .bzkshop--minibox-style2 .bzkshop-title, .bzkshop--minibox-style3 .bzkshop-title, .bzkshop--minibox-style4 .bzkshop-title {margin: 0.25em 0; padding-right:0;} /* minibox-style1 */ .bzkshop--minibox-style1 .bzkshop-button {position: static !important;} .bzkshop--minibox-style1 .bzkshop-image img {max-width : 150px;} .bzkshop--minibox-style1 .bzkshop-list :last-child {margin-bottom : 0;} .bzkshop .bzkshop-offer {margin: 0.5em 0 0.5em;} .bzkshop--minibox-style1 .bzkshop-logo { position: absolute; margin: 0 auto; width: 90px; top: inherit; bottom: 4em; right: 1.5em; } .bzkshop--minibox-style1 .bzkshop-description { padding-right: 0; margin: 0.25em 0 0; } /* minibox-style2 */ .bzkshop--minibox-style2 .bzkshop-content { min-height: auto !important; border-left: none !important; } .bzkshop--minibox-style2 .bzkshop-image img, .bzkshop--minibox-style3 .bzkshop-image img,.bzkshop--minibox-style4 .bzkshop-image img {max-width : 170px;} .bzkshop--minibox-style2 .bzkshop-logo {margin: 0 0 8px 0; width: 90px;} .bzkshop--minibox-style2 .bzkshop-description{padding-right:0;} /* minibox-style3*/ .bzkshop--minibox-style3 .bzkshop-logo { position: absolute; right: 1em; top:1em; margin: 0; width: 90px; } /* minibox-style4*/ .bzkshop--minibox-style4 .bzkshop-logo { position: absolute; right: 1em; top:1em; margin: 0; width:90px; } } /* Source: pxn-related-tags */ ul.related_tags,ul.td-tags{ list-style-type:none; width:100%; box-sizing:border-box; padding:10px; } ul.related_tags li,ul.td-tags li { display:inline-block; margin:3px; border-radius:20px; border:1px solid #e6e6e6; background: #e6e6e6; } ul.related_tags li a{ display:block; padding:2px 10px; } ul.related_tags li:hover{ background:#000; } ul.related_tags li:hover a{ color:#fff; border-color:#000; } .related_tags a:before { content: "#"; } /* Source: streaming */ /* .single-movie .image-container, .single-show .image-container{ max-height: none ! important; } */ #comments_list{display:none;} /* Superposition du fallback noscript */ .single_poster noscript img { margin-top:-135px; } .stars_holder{ display:inline-block; } .star{ height:22px; width:22px; display:inline-block; margin: 0px 1px; } .star_on{ background-image:url(https://pix-geeks.com/wp-content/uwkmsq-1894/pxnetwork-media-streaming/assets/css/../images/rating-on.png); } .star_off{ background-image:url(https://pix-geeks.com/wp-content/uwkmsq-1894/pxnetwork-media-streaming/assets/css/../images/rating-off.png); } .star_half{ background-image:url(https://pix-geeks.com/wp-content/uwkmsq-1894/pxnetwork-media-streaming/assets/css/../images/rating-half.png); } #movie_homonyms{ display: flex; flex-wrap: wrap; gap: 0px; padding: 20px; background-color: #edf2fa; margin-bottom: 20px; width: 100%; box-sizing:border-box; } #movie_homonyms ul{ width:100%; display:inline-block; padding-left:0; box-sizing:border-box; } #movie_homonyms li{ list-style-type:none; } .fake_h2{ font-family: Poppins; letter-spacing: -.025em; font-size: 24px; font-weight:600; margin:20px 0 20px 0; } .movies_filter{ margin-bottom:20px; } .other_cast tbody tr:nth-child(n+11) { display: none; } #show_full_cast, #show_full_characters{ margin-top:0; } table.other_cast { width:100%; margin-bottom:0; } .characters_list .character_card{ width:100%; display: inline-block; /* display: grid; grid-template-columns: auto 1fr; column-gap: 5px; */ } .characters_list .character_name{ font-weight:bold; font-size:18px; font-family: Poppins; padding-left:10px; width:100%; box-sizing:border-box; } .character_image{ max-width:100px; overflow:hidden; /* float:left; */ } .total_ratings{ display:inline-block; height:34px; vertical-align:top; padding-left:5px; font-weight:bold; color:red; font-size:1.2em; margin-top:-1px; } .single_movie_ratings{ display: flex; width:auto; justify-content: center; margin-top:-20px; } .single_movie_ratings > div{ flex: none; text-align:center; width:150px; } .single_movie_ratings .stars_holder { display: block; } .single_movie_ratings .rating_number{ font-weight:bold; color:#000; font-size:24px; } .single_movie_ratings .rating_votes{ color:#222; font-size:10px; margin-top:-6px; } .single_movie_ratings .rating_label{ font-size:12px; margin-bottom:-10px; } @media (max-width: 470px) { .single_movie_ratings .single_note .stars_holder{ display:none; } } .player_container { position: relative; width:100%; line-height: 0; } .player_container img { /* border-radius: 0 !important; */ margin:0; padding:0; width:100%; } .player_container .player_button_holder { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.3); width: 100%; height: 100%; } /* .player_button { background-image: url(https://pix-geeks.com/wp-content/uwkmsq-1894/pxnetwork-media-streaming/assets/css/../images/button-100x100.png); background-size: cover; width: 20vw; height: 20vw; opacity: 0.7; transition-property: opacity; transition-duration: 0.1s; transition-timing-function: linear; } */ .player_button { background-image: url(https://pix-geeks.com/wp-content/uwkmsq-1894/pxnetwork-media-streaming/assets/css/../images/button-100x100.png); background-size: cover; width: 15%; aspect-ratio: 1 / 1; /* hauteur identique à la largeur */ opacity: 0.7; transition-property: opacity; transition-duration: 0.1s; transition-timing-function: linear; } .player_button:hover { opacity: 1; } .player_button_holder { cursor: pointer; } .butn { background: #d93434; background-image: -webkit-linear-gradient(top, #d93434, #b82b2b); background-image: -moz-linear-gradient(top, #d93434, #b82b2b); background-image: -ms-linear-gradient(top, #d93434, #b82b2b); background-image: -o-linear-gradient(top, #d93434, #b82b2b); background-image: linear-gradient(to bottom, #d93434, #b82b2b); -webkit-border-radius: 28; -moz-border-radius: 28; border-radius: 28px; font-family: Arial; color: #ffffff; text-decoration: none; width:auto; font-weight:bold; display:inline-block; align:center; margin : 20px 5px 0px 5px; /* font-size: 16px; padding: 10px 50px; */ /* taille de police qui ne descend pas sous 12px ni ne dépasse 16px, à 2% de la largeur */ font-size: clamp(12px, 2vw, 16px); /* padding vertical/horizontal qui varient de façon similaire */ padding: clamp(6px, 1vw, 10px) clamp(30px, 5vw, 50px); } .butn:hover { background: #fc3c3c; background-image: -webkit-linear-gradient(top, #fc3c3c, #d93434); background-image: -moz-linear-gradient(top, #fc3c3c, #d93434); background-image: -ms-linear-gradient(top, #fc3c3c, #d93434); background-image: -o-linear-gradient(top, #fc3c3c, #d93434); background-image: linear-gradient(to bottom, #fc3c3c, #d93434); text-decoration: none; cursor:pointer; } .single-movie h1, .single-show h1{ text-align:center; } #section_dvd, #section_trailer, #section_player, #section_streaming, #section_cast, #section_card, #section_ad_1, #section_player{ margin-top:20px; margin-bottom:20px; } /* responsive embed */ /* .embed-responsive { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; max-width: 100%; height: auto; iframe, object, embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } } */ .mention,.zoom{ font-size:11px; line-height:14px; } .mention{ color:#666; } .mention .normal{ font-weight:normal; } .mention .dashicons { font-size: 11px; height:auto; margin: 0 -5px; } .zoom .dashicons { font-size: 11px; height:auto; margin: 0 -5px; } .zoom{ display: inline-block; margin-top:5px; } .button_center { display: block; text-align: center; } .button_container { width: 100%; display: inline-block; margin: 20px 0; box-sizing:border-box } .button_container a { font-size: 17px; font-weight: bold; position: relative; text-decoration: none; display: inline-block; vertical-align: middle; /* border-radius: 4px; */ background-color: #ffdd4a; color:#000; padding:10px 16px; font-size:16px; } .button_container a:hover { background-color: #ffcf00; } .dashicons-star-filled:before { color: #ffd400; } .dashicons-star-empty:before { color: #ccc; } .pix_review{ background-color:#fff2bb; /* border-radius:10px; */ width:100%; padding:10px; box-sizing:border-box; } /* .actor_name,.character_name{ text-align:center; line-height:1.4em; } .actor_name{ font-weight:bold; color:#000; } .character_name{ font-weight:normal; color:#999; } */ .fiche{ display: flex; background-color:#dae6ff; /* border-radius:10px; */ width:100%; padding:10px; box-sizing:border-box; margin:20px 0; } .single_movie_poster_column, .single_serie_poster_column, .single_fiche_poster_column{ flex: 0 0 145px; width:145px; box-sizing:border-box; } .single_fiche:first-of-type { display: flex; width:100%; box-sizing:border-box; } .single_fiche div{ line-height:22px; } .thumb-135x200, .thumb-320x190, .thumb-92x115{ /* border-radius:10px; */ } .thumb-92x115{ width:92px; height:115px; } .affiche_box{ float:left; width:135px; height:200px; position: relative; } .movie_details, .show_details { font-size:15px; color:#333; } .movie_details h3, .show_details h3 { margin-top:5px; margin-bottom:5px; } .movie_details a, .show_details a { color:#0082ff; } .movie_details ul, .show_details ul, .single_infos ul { list-style-type: none; padding:0; } .single_infos .value{ font-weight:bold; } .movie_details li, .show_details li{ line-height:1.6em; } .movie_details .value, .show_details .value{ font-weight:bold; } .video-wrapper { position: relative; width: 100%; padding-bottom: 56.25%; /* 16/9 */ background: black; overflow: hidden; } .video-wrapper video { position: absolute; top:0; left:0; width:100%; height:100%; object-fit: contain; } /* --- controls bar --- */ .controls { position: absolute; bottom: 0; left: 0; right: 0; display: flex; align-items: center; padding: 8px 12px; box-sizing: border-box; background: rgba(0,0,0,0.5); } /* --- buttons --- */ .controls .btn { background: transparent; border: none; color: white; font-size: 16px; display: flex; align-items: center; margin: 0; padding: 10px 0; } /* --- progress bar --- */ .progress-container { flex: 1; height: 4px; background: #666; border-radius: 2px; margin: 0 8px; position: relative; cursor: pointer; } .progress { height: 100%; width: 0%; background: #fff; border-radius: 2px; } .time { color: white; font-size: 14px; margin: 0 8px; white-space: nowrap; } /* --- volume slider --- */ .volume { width: 80px; margin: 0 4px; } /* Source: wordpress-popular-posts-css */ /* Wordpress Popular Posts plugin stylesheet Developed by Hector Cabrera cabrerahector.com | @cabrerahector Use the following classes to style your popular posts list as you like. */ /* Styles the "Sorry, no data so far" message */ .wpp-no-data { } /* UL - Popular Posts container styles */ .wpp-list { } /* LI - Post container styles */ .wpp-list li { overflow: hidden; float: none; clear: both; margin-bottom: 1rem; } .wpp-list li:last-of-type { margin-bottom: 0; } /* Styles for the popular post in view */ .wpp-list li.current { } /* Thumbnail styles */ .wpp-thumbnail { display: inline; float: left; margin: 0 1rem 0 0; border: none; } .wpp_def_no_src { object-fit: contain; } /* Title styles */ .wpp-post-title { } /* Excerpt styles */ .wpp-excerpt { } /* Stats tag styles */ .wpp-meta, .post-stats { display: block; font-size: 0.8em; } /* Comments count styles */ .wpp-comments { } /* Views count styles */ .wpp-views { } /* Author styles */ .wpp-author { } /* Post date styles */ .wpp-date { } /* Post category styles */ .wpp-category { } /* WP-PostRatings styles */ .wpp-rating { } /* Source: tablepress-default */ .tablepress{--text-color:#111;--head-text-color:var(--text-color);--head-bg-color:#d9edf7;--odd-text-color:var(--text-color);--odd-bg-color:#fff;--even-text-color:var(--text-color);--even-bg-color:#f9f9f9;--hover-text-color:var(--text-color);--hover-bg-color:#f3f3f3;--border-color:#ddd;--padding:0.5rem;border:none;border-collapse:collapse;border-spacing:0;clear:both;margin:0 auto 1rem;table-layout:auto;width:100%}.tablepress>:not(caption)>*>*{background:none;border:none;box-sizing:border-box;float:none!important;padding:var(--padding);text-align:left;vertical-align:top}.tablepress>:where(thead)+tbody>:where(:not(.child))>*,.tablepress>tbody>*~:where(:not(.child))>*,.tablepress>tfoot>:where(:first-child)>*{border-top:1px solid var(--border-color)}.tablepress>:where(thead,tfoot)>tr>*{background-color:var(--head-bg-color);color:var(--head-text-color);font-weight:700;vertical-align:middle;word-break:normal}.tablepress>:where(tbody)>tr>*{color:var(--text-color)}.tablepress>:where(tbody.row-striping)>:nth-child(odd of :where(:not(.child,.dtrg-group)))+:where(.child)>*,.tablepress>:where(tbody.row-striping)>:nth-child(odd of :where(:not(.child,.dtrg-group)))>*{background-color:var(--odd-bg-color);color:var(--odd-text-color)}.tablepress>:where(tbody.row-striping)>:nth-child(even of :where(:not(.child,.dtrg-group)))+:where(.child)>*,.tablepress>:where(tbody.row-striping)>:nth-child(even of :where(:not(.child,.dtrg-group)))>*{background-color:var(--even-bg-color);color:var(--even-text-color)}.tablepress>.row-hover>tr{content-visibility:auto}.tablepress>.row-hover>tr:has(+.child:hover)>*,.tablepress>.row-hover>tr:hover+:where(.child)>*,.tablepress>.row-hover>tr:where(:not(.dtrg-group)):hover>*{background-color:var(--hover-bg-color);color:var(--hover-text-color)}.tablepress img{border:none;margin:0;max-width:none;padding:0}.tablepress-table-description{clear:both;display:block}.dt-scroll{width:100%}.dt-scroll .tablepress{width:100%!important}div.dt-scroll-body tfoot tr,div.dt-scroll-body thead tr{height:0}div.dt-scroll-body tfoot tr td,div.dt-scroll-body tfoot tr th,div.dt-scroll-body thead tr td,div.dt-scroll-body thead tr th{border-bottom-width:0!important;border-top-width:0!important;height:0!important;padding-bottom:0!important;padding-top:0!important}div.dt-scroll-body tfoot tr td div.dt-scroll-sizing,div.dt-scroll-body tfoot tr th div.dt-scroll-sizing,div.dt-scroll-body thead tr td div.dt-scroll-sizing,div.dt-scroll-body thead tr th div.dt-scroll-sizing{height:0!important;overflow:hidden!important}div.dt-scroll-body>table.dataTable>thead>tr>td,div.dt-scroll-body>table.dataTable>thead>tr>th{overflow:hidden}.tablepress{--head-active-bg-color:#049cdb;--head-active-text-color:var(--head-text-color);--head-sort-arrow-color:var(--head-active-text-color)}.tablepress thead th:active{outline:none}.tablepress thead .dt-orderable-asc .dt-column-order:before,.tablepress thead .dt-ordering-asc .dt-column-order:before{bottom:50%;content:"\25b2"/"";display:block;position:absolute}.tablepress thead .dt-orderable-desc .dt-column-order:after,.tablepress thead .dt-ordering-desc .dt-column-order:after{content:"\25bc"/"";display:block;position:absolute;top:50%}.tablepress thead .dt-orderable-asc .dt-column-order,.tablepress thead .dt-orderable-desc .dt-column-order,.tablepress thead .dt-ordering-asc .dt-column-order,.tablepress thead .dt-ordering-desc .dt-column-order{color:var(--head-sort-arrow-color);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Noto Sans,Liberation Sans,Arial,sans-serif!important;font-size:14px;height:24px;line-height:12px;position:relative;width:12px}.tablepress thead .dt-orderable-asc .dt-column-order:after,.tablepress thead .dt-orderable-asc .dt-column-order:before,.tablepress thead .dt-orderable-desc .dt-column-order:after,.tablepress thead .dt-orderable-desc .dt-column-order:before,.tablepress thead .dt-ordering-asc .dt-column-order:after,.tablepress thead .dt-ordering-asc .dt-column-order:before,.tablepress thead .dt-ordering-desc .dt-column-order:after,.tablepress thead .dt-ordering-desc .dt-column-order:before{opacity:.2}.tablepress thead .dt-orderable-asc,.tablepress thead .dt-orderable-desc{cursor:pointer;outline-offset:-2px}.tablepress thead .dt-orderable-asc:hover,.tablepress thead .dt-orderable-desc:hover,.tablepress thead .dt-ordering-asc,.tablepress thead .dt-ordering-desc{background-color:var(--head-active-bg-color);color:var(--head-active-text-color)}.tablepress thead .dt-ordering-asc .dt-column-order:before,.tablepress thead .dt-ordering-desc .dt-column-order:after{opacity:.8}.tablepress tfoot>tr>* .dt-column-footer,.tablepress tfoot>tr>* .dt-column-header,.tablepress thead>tr>* .dt-column-footer,.tablepress thead>tr>* .dt-column-header{align-items:center;display:flex;gap:4px;justify-content:space-between}.tablepress tfoot>tr>* .dt-column-footer .dt-column-title,.tablepress tfoot>tr>* .dt-column-header .dt-column-title,.tablepress thead>tr>* .dt-column-footer .dt-column-title,.tablepress thead>tr>* .dt-column-header .dt-column-title{flex-grow:1}.tablepress tfoot>tr>* .dt-column-footer .dt-column-title:empty,.tablepress tfoot>tr>* .dt-column-header .dt-column-title:empty,.tablepress thead>tr>* .dt-column-footer .dt-column-title:empty,.tablepress thead>tr>* .dt-column-header .dt-column-title:empty{display:none}.tablepress:where(.auto-type-alignment) .dt-right,.tablepress:where(.auto-type-alignment) .dt-type-date,.tablepress:where(.auto-type-alignment) .dt-type-numeric{text-align:right}.tablepress:where(.auto-type-alignment) .dt-right .dt-column-footer,.tablepress:where(.auto-type-alignment) .dt-right .dt-column-header,.tablepress:where(.auto-type-alignment) .dt-type-date .dt-column-footer,.tablepress:where(.auto-type-alignment) .dt-type-date .dt-column-header,.tablepress:where(.auto-type-alignment) .dt-type-numeric .dt-column-footer,.tablepress:where(.auto-type-alignment) .dt-type-numeric .dt-column-header{flex-direction:row-reverse}.dt-container{clear:both;margin-bottom:1rem;position:relative}.dt-container .tablepress{margin-bottom:0}.dt-container .tablepress tfoot:empty{display:none}.dt-container .dt-layout-row{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.dt-container .dt-layout-row.dt-layout-table .dt-layout-cell{display:block;width:100%}.dt-container .dt-layout-cell{display:flex;flex-direction:row;flex-wrap:wrap;gap:1em;padding:5px 0}.dt-container .dt-layout-cell.dt-layout-full{align-items:center;justify-content:space-between;width:100%}.dt-container .dt-layout-cell.dt-layout-full>:only-child{margin:auto}.dt-container .dt-layout-cell.dt-layout-start{align-items:center;justify-content:flex-start;margin-right:auto}.dt-container .dt-layout-cell.dt-layout-end{align-items:center;justify-content:flex-end;margin-left:auto}.dt-container .dt-layout-cell:empty{display:none}.dt-container .dt-input,.dt-container label{display:inline;width:auto}.dt-container .dt-input{font-size:inherit;padding:5px}.dt-container .dt-length,.dt-container .dt-search{align-items:center;display:flex;flex-wrap:wrap;gap:5px;justify-content:center}.dt-container .dt-paging .dt-paging-button{background:#0000;border:1px solid #0000;border-radius:2px;box-sizing:border-box;color:inherit!important;cursor:pointer;display:inline-block;font-size:1em;height:32px;margin-left:2px;min-width:32px;padding:0 5px;text-align:center;text-decoration:none!important;vertical-align:middle}.dt-container .dt-paging .dt-paging-button.current,.dt-container .dt-paging .dt-paging-button:hover{border:1px solid #111}.dt-container .dt-paging .dt-paging-button.disabled,.dt-container .dt-paging .dt-paging-button.disabled:active,.dt-container .dt-paging .dt-paging-button.disabled:hover{border:1px solid #0000;color:#0000004d!important;cursor:default;outline:none}.dt-container .dt-paging>.dt-paging-button:first-child{margin-left:0}.dt-container .dt-paging .ellipsis{padding:0 1em}@media screen and (max-width:767px){.dt-container .dt-layout-row{flex-direction:column}.dt-container .dt-layout-cell{flex-direction:column;padding:.5em 0}} /* Source: bimber-mashshare */ .mashsb-count{float:left}[class*=" mashicon-"] .icon::before,[class^=mashicon-] .icon::before{margin-right:0}@media only screen and (min-width:801px){[class*=" mashicon-"] .icon::before,[class^=mashicon-] .icon::before{margin-right:.7em}}.mashicon-subscribe{border-color:grey;background-color:grey}.mashicon-subscribe .icon,.mashicon-subscribe .text{color:#fff}.mashsb-toggle-container{position:relative;margin-top:15px;padding:1.5rem 1.5rem 0;border-width:0;border-color:currentColor}.mashsb-toggle-container:before{display:block;position:absolute;z-index:-1;left:0;right:0;top:0;bottom:0;border-width:6px;border-style:solid;content:"";opacity:.1667}.mashsb-toggle-container:after{display:block;overflow:hidden;height:0;margin-top:1.5rem;content:" "}.onoffswitch,.onoffswitch2{position:relative;text-align:center}.onoffswitch2:before,.onoffswitch:before{display:block;margin-top:-.5em;position:absolute;left:0;right:0;top:50%}.onoffswitch:before{font:32px/1 bimber;content:"\e01f"}.onoffswitch2:before{font:24px/1 bimber;content:"\e01b"}.mashsb-box .mashsb-buttons a.mash-medium{padding-top:12px;padding-bottom:12px;line-height:16px}.onoffswitch.mash-medium,.onoffswitch2.mash-medium{width:40px;height:40px}.mashsb-box .text{font-family:Poppins,Roboto,sans-serif;font-weight:500;letter-spacing:-.025em}.mashpv .count,.mashsbcount{letter-spacing:-.05em}.mashsb-count{margin-top:6px;margin-right:15px}.mashsb-buttons .mashsb-count{margin-right:0;margin-left:15px}.mashsb-buttons .mashsb-count:first-child{margin-right:15px;margin-left:0}.mashsb-sharetext{font-family:Poppins,Roboto,sans-serif;font-weight:300}.mashsb-main{max-width:758px;margin-left:auto;margin-right:auto;padding-top:12px;padding-bottom:24px;border-width:1px 0 0;border-style:solid;border-color:#e6e6e6;border-color:var(--g1-border-color)}.mashsb-main .mashpv .count,.mashsb-main .mashsbcount{font-size:36px;line-height:1;font-family:Poppins,Roboto,sans-serif;font-weight:700;letter-spacing:-.05em}.mashsb-main .mashsb-sharetext{display:block;font-size:13px;line-height:1;font-family:Poppins,Roboto,sans-serif;font-weight:300}.mashsb-buttons:after{display:table;clear:both;content:""}.mashsb-buttons a{border-radius:4px}.mashsb-buttons .onoffswitch,.mashsb-buttons .onoffswitch2{border-color:#e6e6e6;border-color:var(--g1-border-color);background-color:#e6e6e6;background-color:var(--g1-border-color);color:var(--g1-mtxt-color);border-radius:4px}.mashsb-buttons .onoffswitch2:before,.mashsb-buttons .onoffswitch:before{font-weight:400}.mashsb-box .mashsb-buttons{margin-top:-6px}.mashsb-box .mashsb-buttons .onoffswitch,.mashsb-box .mashsb-buttons .onoffswitch2,.mashsb-box .mashsb-buttons a{margin:6px 0 0 6px}@media only screen and (min-width:801px){.mashsb-main .mashpv .count,.mashsb-main .mashsbcount{font-size:42px;line-height:42px}}@media only screen and (min-width:1025px){.mashsb-main .mashpv .count,.mashsb-main .mashsbcount{font-size:56px;line-height:42px}}.secondary-shares a{display:unset!important}.mashsb-micro{position:absolute;left:6px;right:auto;top:6px}@media only screen and (min-width:1024px){.mashsb-micro{right:100%;left:auto;top:0;padding-right:6px}}.mashsb-micro .mashsb-micro-toggle{display:block;width:32px;height:32px;cursor:pointer;text-align:center;font-size:18px;line-height:32px;border-radius:4px;border-color:#e6e6e6;background-color:#e6e6e6;color:var(--g1-mtxt-color)}.mashsb-micro .mashsb-micro-toggle:before{font-family:bimber;font-weight:400;content:"\e011"}.mashsb-micro .mashsb-buttons{display:none;overflow:hidden;width:48px;border-radius:4px}.mashsb-micro .mashsb-buttons a{width:100%;padding:0;margin:0;border-radius:0}.mashsb-micro .mashsb-buttons a .icon{display:block;width:48px;height:48px;margin:0;text-align:center}.mashsb-micro .mashsb-buttons a .icon:before{float:none;margin:0;line-height:48px}.mashsb-micro .mashsb-buttons .text{display:none}.g1-wrapper-with-stickies .mashsb-micro{left:6px;right:auto;top:6px}.g1-img-wrap{display:block;position:relative}.mashsb-micro-wrapper{display:block;position:relative}.mashsb-compact .mashsb-buttons{overflow:hidden;margin-top:0;border-radius:4px}.mashsb-compact .mashsb-buttons a{box-sizing:border-box;min-width:36px;padding-top:7px;padding-bottom:7px;margin:0;line-height:18px;border-radius:0}.mashsb-compact .mashsb-buttons a .icon:before{margin-right:0}.mashsb-compact .mashsb-buttons a .text{display:none}.mashsb-compact .onoffswitch{display:none}.mashsb-mini{padding-top:0;padding-bottom:0}.mashsb-mini .mashsb-box .mashsb-buttons a{min-width:0;width:auto;margin:0 3px;border-style:solid;border-radius:50%;padding:8px;border-width:2px;border-color:#000;border-color:var(--g1-itxt-color);background-color:transparent;color:#000;color:var(--g1-itxt-color)}.mashsb-mini .mashsb-box .mashsb-buttons .icon{display:block;color:inherit}.mashsb-mini .mashsb-box .mashsb-buttons .icon:before{display:block;margin:0}.mashsb-mini .mashsb-box .mashsb-buttons .text{display:none}.mashsb-mini .mashsb-box .mashsb-buttons .onoffswitch{display:none}@media only screen and (min-width:601px){.mashsb-side{position:relative;float:left;width:66px;padding-bottom:48px}.mashsb-side .mashsb-count{width:100%;padding:10px 0;margin:0;font-size:30px;font-family:Poppins,Roboto,sans-serif;font-weight:700;color:#000;color:var(--g1-itxt-color)}.mashsb-side .mashsb-buttons{clear:both;position:static;overflow:hidden;border-radius:4px}.mashsb-side .mashsb-buttons a{box-sizing:border-box;min-width:0;width:100%;margin:0;text-align:center;border-radius:0}.mashsb-side .mashsb-buttons .onoffswitch,.mashsb-side .mashsb-buttons .onoffswitch2{width:100%;margin-left:0;position:absolute;bottom:0;left:0;right:0}.mashsb-side .mashsb-buttons .icon{font-size:28px!important;line-height:39px!important;text-align:center!important}.mashsb-side .mashsb-buttons .icon:before{display:inline-block;float:none!important;margin:0!important;font-size:28px!important;line-height:39px!important;text-align:center!important}.mashsb-side .mashsb-buttons .text{display:none!important}}.g1-sharebar{position:fixed;z-index:99;top:auto;bottom:0;left:0;right:0;box-shadow:0 0 10px rgba(0,0,0,.2)}.g1-sharebar>.g1-row-background{background:#fff;background:var(--g1-bg-color)}.g1-sharebar .mashsb-main{max-width:none;border-top-width:0}.g1-sharebar .mashsb-count{color:inherit}.g1-sharebar .mashpv .count,.g1-sharebar .mashsbcount{font-size:18px;line-height:1}.g1-sharebar .mashsb-sharetext{display:block}@media only screen and (max-width:800px){.g1-sharebar>.g1-row-inner{max-width:100%}.g1-sharebar>.g1-row-inner>.g1-column{padding:0}.g1-sharebar .mashsb-container{padding:0;border-width:0}.g1-sharebar .mashsb-count{margin:0;padding:5px 10px}.g1-sharebar .mashsb-buttons{margin:0}.g1-sharebar .mashsb-buttons .onoffswitch,.g1-sharebar .mashsb-buttons .onoffswitch2,.g1-sharebar .mashsb-buttons a{margin:0;border-radius:0}}@media only screen and (min-width:801px){.g1-sharebar{top:0;bottom:auto}body.admin-bar .g1-sharebar{top:46px}.g1-sharebar .mashsb-container{padding-top:6px;padding-bottom:6px}.g1-sharebar .mashpv .count,.g1-sharebar .mashsbcount{font-size:24px}.g1-sharebar-on{display:block}.g1-sharebar-off{display:none}.cssanimations .g1-sharebar{display:block;-webkit-transition:visibility 0s,opacity 375ms ease-in-out,-webkit-transform 375ms ease-in-out;-moz-transition:visibility 0s,opacity 375ms ease-in-out,-moz-transform 375ms ease-in-out;-o-transition:visibility 0s,opacity 375ms ease-in-out,-o-transform 375ms ease-in-out;transition:visibility 0s,opacity 375ms ease-in-out,transform 375ms ease-in-out;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden}.cssanimations .g1-sharebar-off{visibility:hidden;-webkit-transform:translate(0,-100%);-moz-transform:translate(0,-100%);-ms-transform:translate(0,-100%);-o-transform:translate(0,-100%);transform:translate(0,-100%);transition:visibility 0s 375ms,opacity 375ms ease-in-out,transform 375ms ease-in-out}.cssanimations .g1-sharebar-on{visibility:visible;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}}