.elementor-20953 .elementor-element.elementor-element-534a300{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-39px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-20953 .elementor-element.elementor-element-baa2985{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:12px 18px;--row-gap:12px;--column-gap:18px;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20953 .elementor-element.elementor-element-db97900 > .elementor-widget-container{margin:-0px 0px 0px 0px;}.elementor-20953 .elementor-element.elementor-element-9c5fe7c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-20953 .elementor-element.elementor-element-0b1c35c{--display:flex;--min-height:520px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:50px;--padding-bottom:0px;--padding-left:50px;--padding-right:0px;}.elementor-20953 .elementor-element.elementor-element-4abff64{--display:flex;--min-height:520px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-20953 .elementor-element.elementor-element-3759807{--display:flex;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-20953 .elementor-element.elementor-element-5230b09{text-align:center;}.elementor-20953 .elementor-element.elementor-element-5230b09 img{width:360%;}.elementor-20953 .elementor-element.elementor-element-e035606{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-20953 .elementor-element.elementor-element-06ea63d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 28px;--row-gap:0px;--column-gap:28px;--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20953 .elementor-element.elementor-element-ed51b2b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-20953 .elementor-element.elementor-element-321c2f7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-20953 .elementor-element.elementor-element-0d3f5a7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-20953 .elementor-element.elementor-element-7258f89{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-20953 .elementor-element.elementor-element-fe9f0e3{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20953 .elementor-element.elementor-element-6ed64dd{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--flex-wrap:nowrap;}.elementor-20953 .elementor-element.elementor-element-fec03ad{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:8px 8px;--row-gap:8px;--column-gap:8px;}.elementor-20953 .elementor-element.elementor-element-3aadc35 .elementor-icon-wrapper{text-align:center;}.elementor-20953 .elementor-element.elementor-element-3aadc35.elementor-view-stacked .elementor-icon{background-color:#E68EFF;}.elementor-20953 .elementor-element.elementor-element-3aadc35.elementor-view-framed .elementor-icon, .elementor-20953 .elementor-element.elementor-element-3aadc35.elementor-view-default .elementor-icon{color:#E68EFF;border-color:#E68EFF;}.elementor-20953 .elementor-element.elementor-element-3aadc35.elementor-view-framed .elementor-icon, .elementor-20953 .elementor-element.elementor-element-3aadc35.elementor-view-default .elementor-icon svg{fill:#E68EFF;}.elementor-20953 .elementor-element.elementor-element-3aadc35 .elementor-icon{font-size:20px;}.elementor-20953 .elementor-element.elementor-element-3aadc35 .elementor-icon svg{height:20px;}.elementor-20953 .elementor-element.elementor-element-9fa142b > .elementor-widget-container{margin:0px 0px 10px 0px;}.elementor-20953 .elementor-element.elementor-element-9fa142b .elementor-heading-title{font-size:15px;font-weight:700;}.elementor-20953 .elementor-element.elementor-element-cb4e914{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-20953 .elementor-element.elementor-element-b28b611 .elementor-icon-wrapper{text-align:center;}.elementor-20953 .elementor-element.elementor-element-b28b611.elementor-view-stacked .elementor-icon{background-color:#E68EFF;}.elementor-20953 .elementor-element.elementor-element-b28b611.elementor-view-framed .elementor-icon, .elementor-20953 .elementor-element.elementor-element-b28b611.elementor-view-default .elementor-icon{color:#E68EFF;border-color:#E68EFF;}.elementor-20953 .elementor-element.elementor-element-b28b611.elementor-view-framed .elementor-icon, .elementor-20953 .elementor-element.elementor-element-b28b611.elementor-view-default .elementor-icon svg{fill:#E68EFF;}.elementor-20953 .elementor-element.elementor-element-b28b611 .elementor-icon{font-size:20px;}.elementor-20953 .elementor-element.elementor-element-b28b611 .elementor-icon svg{height:20px;}.elementor-20953 .elementor-element.elementor-element-4aa7cc6 .elementor-heading-title{font-size:15px;font-weight:700;}.elementor-20953 .elementor-element.elementor-element-6fbfb6b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-20953 .elementor-element.elementor-element-cdf46bb .elementor-icon-wrapper{text-align:center;}.elementor-20953 .elementor-element.elementor-element-cdf46bb.elementor-view-stacked .elementor-icon{background-color:#E68EFF;}.elementor-20953 .elementor-element.elementor-element-cdf46bb.elementor-view-framed .elementor-icon, .elementor-20953 .elementor-element.elementor-element-cdf46bb.elementor-view-default .elementor-icon{color:#E68EFF;border-color:#E68EFF;}.elementor-20953 .elementor-element.elementor-element-cdf46bb.elementor-view-framed .elementor-icon, .elementor-20953 .elementor-element.elementor-element-cdf46bb.elementor-view-default .elementor-icon svg{fill:#E68EFF;}.elementor-20953 .elementor-element.elementor-element-cdf46bb .elementor-icon{font-size:20px;}.elementor-20953 .elementor-element.elementor-element-cdf46bb .elementor-icon svg{height:20px;}.elementor-20953 .elementor-element.elementor-element-bf94723 .elementor-heading-title{font-size:15px;font-weight:700;}.elementor-20953 .elementor-element.elementor-element-8a08438{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-20953 .elementor-element.elementor-element-e6328b3 .elementor-icon-wrapper{text-align:center;}.elementor-20953 .elementor-element.elementor-element-e6328b3.elementor-view-stacked .elementor-icon{background-color:#E68EFF;}.elementor-20953 .elementor-element.elementor-element-e6328b3.elementor-view-framed .elementor-icon, .elementor-20953 .elementor-element.elementor-element-e6328b3.elementor-view-default .elementor-icon{color:#E68EFF;border-color:#E68EFF;}.elementor-20953 .elementor-element.elementor-element-e6328b3.elementor-view-framed .elementor-icon, .elementor-20953 .elementor-element.elementor-element-e6328b3.elementor-view-default .elementor-icon svg{fill:#E68EFF;}.elementor-20953 .elementor-element.elementor-element-e6328b3 .elementor-icon{font-size:20px;}.elementor-20953 .elementor-element.elementor-element-e6328b3 .elementor-icon svg{height:20px;}.elementor-20953 .elementor-element.elementor-element-8caae9c .elementor-heading-title{font-size:15px;font-weight:700;}.elementor-20953 .elementor-element.elementor-element-dcbfde3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:70px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-20953 .elementor-element.elementor-element-e4074c5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:8px 8px;--row-gap:8px;--column-gap:8px;}.elementor-20953 .elementor-element.elementor-element-0e9a9b2 > .elementor-widget-container{margin:-0px 0px 0px 0px;}.elementor-20953 .elementor-element.elementor-element-4460ba6{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-20953 .elementor-element.elementor-element-4460ba6 .elementor-divider-separator{width:100%;}.elementor-20953 .elementor-element.elementor-element-4460ba6 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-20953 .elementor-element.elementor-element-ecc63cc > .elementor-widget-container{margin:-0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-20953 .elementor-element.elementor-element-e7aa4ad{width:auto;max-width:auto;}.elementor-20953 .elementor-element.elementor-element-d7fc9e3{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:28px;--padding-right:28px;}.elementor-20953 .elementor-element.elementor-element-d7fc9e3.e-con{--align-self:stretch;}.elementor-20953 .elementor-element.elementor-element-5ab77a0{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-20953 .elementor-element.elementor-element-323c657{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:8px 8px;--row-gap:8px;--column-gap:8px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-20953 .elementor-element.elementor-element-bf3fb63{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-20953 .elementor-element.elementor-element-bf3fb63 .elementor-divider-separator{width:100%;}.elementor-20953 .elementor-element.elementor-element-bf3fb63 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-20953 .elementor-element.elementor-element-054aede{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:60px 60px;--row-gap:60px;--column-gap:60px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-20953 .elementor-element.elementor-element-37283ef{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:14px 14px;--row-gap:14px;--column-gap:14px;--margin-top:-60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-20953 .elementor-element.elementor-element-a927133{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:6px 6px;--row-gap:6px;--column-gap:6px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-20953 .elementor-element.elementor-element-e0dbdab{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-20953 .elementor-element.elementor-element-6089886{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:6px 6px;--row-gap:6px;--column-gap:6px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20953 .elementor-element.elementor-element-791f330 > .elementor-widget-container{padding:0px 0px 5px 0px;}.elementor-20953 .elementor-element.elementor-element-a419933 > .elementor-widget-container{padding:0px 0px 5px 0px;}.elementor-20953 .elementor-element.elementor-element-f09f9a5 > .elementor-widget-container{padding:0px 0px 5px 0px;}.elementor-20953 .elementor-element.elementor-element-53f5ddb > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-20953 .elementor-element.elementor-element-eecd5a9{--display:flex;--margin-top:-160px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-20953 .elementor-element.elementor-element-bbdeac0{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20953 .elementor-element.elementor-element-16113c8 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-20953 .elementor-element.elementor-element-fda66ea{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-20953 .elementor-element.elementor-element-c3f7dfe.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-20953 .elementor-element.elementor-element-c3f7dfe.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-20953 .elementor-element.elementor-element-808fa66{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-20953 .elementor-element.elementor-element-9f0d96a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:8px 8px;--row-gap:8px;--column-gap:8px;--flex-wrap:nowrap;}.elementor-20953 .elementor-element.elementor-element-4601bfc > .elementor-widget-container{margin:-0px 0px 0px 0px;}.elementor-20953 .elementor-element.elementor-element-b85e4d8{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-20953 .elementor-element.elementor-element-b85e4d8 .elementor-divider-separator{width:100%;}.elementor-20953 .elementor-element.elementor-element-b85e4d8 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-20953 .elementor-element.elementor-element-ffdb65d > .elementor-widget-container{margin:-0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-20953 .elementor-element.elementor-element-236e5cf{width:auto;max-width:auto;}.elementor-20953 .elementor-element.elementor-element-bfcb3f0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-20953 .elementor-element.elementor-element-2f126a4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:8px 8px;--row-gap:8px;--column-gap:8px;}.elementor-20953 .elementor-element.elementor-element-a27d1db > .elementor-widget-container{margin:-0px 0px 0px 0px;}.elementor-20953 .elementor-element.elementor-element-6441e12{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-20953 .elementor-element.elementor-element-6441e12 .elementor-divider-separator{width:100%;}.elementor-20953 .elementor-element.elementor-element-6441e12 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-20953 .elementor-element.elementor-element-db0b8d6{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;}.elementor-20953 .elementor-element.elementor-element-0387fee{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-20953 .elementor-element.elementor-element-6747377{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-20953 .elementor-element.elementor-element-db4c297{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-20953 .elementor-element.elementor-element-5afe73c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-20953 .elementor-element.elementor-element-9d27aa3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-20953 .elementor-element.elementor-element-4c61c31{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-20953 .elementor-element.elementor-element-dad1690{--display:flex;}.elementor-20953 .elementor-element.elementor-element-fb6ec50{width:auto;max-width:auto;}.elementor-20953 .elementor-element.elementor-element-42729e2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-20953 .elementor-element.elementor-element-ed8f294{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:8px 8px;--row-gap:8px;--column-gap:8px;--flex-wrap:nowrap;}.elementor-20953 .elementor-element.elementor-element-864ab78 > .elementor-widget-container{margin:-0px 0px 0px 0px;}.elementor-20953 .elementor-element.elementor-element-f42f49b{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-20953 .elementor-element.elementor-element-f42f49b .elementor-divider-separator{width:100%;}.elementor-20953 .elementor-element.elementor-element-f42f49b .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-20953 .elementor-element.elementor-element-f36c25e.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-20953 .elementor-element.elementor-element-f36c25e.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-20953 .elementor-element.elementor-element-0c2c7f6{width:auto;max-width:auto;}.elementor-20953 .elementor-element.elementor-element-6450b61{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 36px;--row-gap:0px;--column-gap:36px;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-20953 .elementor-element.elementor-element-6e5bc7b{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--margin-top:-50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-20953 .elementor-element.elementor-element-6e5bc7b.e-con{--align-self:flex-start;}.elementor-20953 .elementor-element.elementor-element-42d8817{--display:flex;--min-height:500px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-20953 .elementor-element.elementor-element-79685ba{--display:flex;}.elementor-20953 .elementor-element.elementor-element-cf082d8{--display:flex;}.elementor-20953 .elementor-element.elementor-element-0263009 > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-20953 .elementor-element.elementor-element-d9b5079{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-20953 .elementor-element.elementor-element-d898f0c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:8px 8px;--row-gap:8px;--column-gap:8px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-20953 .elementor-element.elementor-element-dd1031a{--display:flex;--margin-top:-10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-20953 .elementor-element.elementor-element-0e4057e{--display:flex;}.elementor-20953 .elementor-element.elementor-element-a3a5256{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:4px 4px;--row-gap:4px;--column-gap:4px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20953 .elementor-element.elementor-element-fc7c3a4.elementor-element{--align-self:flex-start;}.elementor-20953 .elementor-element.elementor-element-cd59394 > .elementor-widget-container{margin:-20px 0px 0px 0px;}.elementor-20953 .elementor-element.elementor-element-38a1674{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--align-items:center;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-20953 .elementor-element.elementor-element-987879c > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-20953 .elementor-element.elementor-element-47feea5{width:var( --container-widget-width, 22% );max-width:22%;--container-widget-width:22%;--container-widget-flex-grow:0;}.elementor-20953 .elementor-element.elementor-element-47feea5 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:05px 0px 0px 0px;}.elementor-20953 .elementor-element.elementor-element-47feea5.elementor-element{--align-self:flex-end;}.elementor-20953 .elementor-element.elementor-element-7bf2156{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-20953 .elementor-element.elementor-element-383331e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:8px 8px;--row-gap:8px;--column-gap:8px;--flex-wrap:nowrap;}.elementor-20953 .elementor-element.elementor-element-f852cf9 > .elementor-widget-container{margin:-0px 0px 0px 0px;}.elementor-20953 .elementor-element.elementor-element-3179798{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-20953 .elementor-element.elementor-element-3179798 .elementor-divider-separator{width:100%;}.elementor-20953 .elementor-element.elementor-element-3179798 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-20953 .elementor-element.elementor-element-d041b74 > .elementor-widget-container{margin:-0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-20953 .elementor-element.elementor-element-33640d1{width:auto;max-width:auto;}body.elementor-page-20953:not(.elementor-motion-effects-element-type-background), body.elementor-page-20953 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#06040E;}@media(min-width:768px){.elementor-20953 .elementor-element.elementor-element-534a300{--content-width:1200px;}.elementor-20953 .elementor-element.elementor-element-baa2985{--width:46%;}.elementor-20953 .elementor-element.elementor-element-0b1c35c{--width:48%;}.elementor-20953 .elementor-element.elementor-element-ed51b2b{--width:25%;}.elementor-20953 .elementor-element.elementor-element-321c2f7{--width:25%;}.elementor-20953 .elementor-element.elementor-element-0d3f5a7{--width:25%;}.elementor-20953 .elementor-element.elementor-element-7258f89{--width:25%;}.elementor-20953 .elementor-element.elementor-element-fe9f0e3{--content-width:1280px;}.elementor-20953 .elementor-element.elementor-element-fec03ad{--width:25%;}.elementor-20953 .elementor-element.elementor-element-cb4e914{--width:25%;}.elementor-20953 .elementor-element.elementor-element-6fbfb6b{--width:25%;}.elementor-20953 .elementor-element.elementor-element-8a08438{--width:25%;}.elementor-20953 .elementor-element.elementor-element-e4074c5{--width:540px;}.elementor-20953 .elementor-element.elementor-element-d7fc9e3{--content-width:1240px;}.elementor-20953 .elementor-element.elementor-element-323c657{--width:620px;}.elementor-20953 .elementor-element.elementor-element-9f0d96a{--width:916px;}.elementor-20953 .elementor-element.elementor-element-2f126a4{--width:540px;}.elementor-20953 .elementor-element.elementor-element-0387fee{--width:33.3333%;}.elementor-20953 .elementor-element.elementor-element-6747377{--width:33.3333%;}.elementor-20953 .elementor-element.elementor-element-db4c297{--width:33.3333%;}.elementor-20953 .elementor-element.elementor-element-5afe73c{--width:33.3333%;}.elementor-20953 .elementor-element.elementor-element-9d27aa3{--width:33.3333%;}.elementor-20953 .elementor-element.elementor-element-4c61c31{--width:33.3333%;}.elementor-20953 .elementor-element.elementor-element-ed8f294{--width:916px;}.elementor-20953 .elementor-element.elementor-element-6450b61{--content-width:100%;}.elementor-20953 .elementor-element.elementor-element-6e5bc7b{--width:42%;}.elementor-20953 .elementor-element.elementor-element-d9b5079{--width:58%;}.elementor-20953 .elementor-element.elementor-element-d898f0c{--width:100%;}.elementor-20953 .elementor-element.elementor-element-a3a5256{--width:100%;}.elementor-20953 .elementor-element.elementor-element-383331e{--width:916px;}}@media(max-width:1024px){.elementor-20953 .elementor-element.elementor-element-5230b09 img{max-width:320px;}.elementor-20953 .elementor-element.elementor-element-6ed64dd{--flex-wrap:wrap;}.elementor-20953 .elementor-element.elementor-element-c3f7dfe.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-20953 .elementor-element.elementor-element-f36c25e.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-20953 .elementor-element.elementor-element-5230b09 img{max-width:260px;}.elementor-20953 .elementor-element.elementor-element-c3f7dfe.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-20953 .elementor-element.elementor-element-f36c25e.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for heading, class: .elementor-element-db97900 */.elementor-20953 .elementor-element.elementor-element-db97900 .elementor-heading-title{
  margin: 0 !important;
  font-size: clamp(42px, 5vw, 64px) !important;
  line-height: .98 !important;
  font-weight: 800 !important;
  letter-spacing: -.035em !important;
  color: rgba(255,255,255,.96) !important;
  text-wrap: balance;
}

@media (max-width: 767px){
  .elementor-20953 .elementor-element.elementor-element-db97900 .elementor-heading-title{
    font-size: 32px !important;
    line-height: 1.02 !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-baa2985 */.elementor-20953 .elementor-element.elementor-element-baa2985 .ilr-hero-kicker{
  margin-bottom: 16px;
  font-size: 11px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: rgba(255,255,255,.52);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0b1c35c *//* =========================================================
   ILR HERO — RELEASE UNIT / HALO / TYPOGRAFIE
   World Cup rebuild
   Alleen rechter releaseblok
========================================================= */

/* -----------------------------
   1. WRAPPER / SYSTEEMLAAG
----------------------------- */
.elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-hero-release-wrap{
  position: relative;
  z-index: 6;
  display: flex;
  flex-direction: column;
  align-items: center;
  isolation: isolate;
}

/* alles boven halo */
.elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-hero-release-kicker,
.elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-hero-stack,
.elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-hero-release-info{
  position: relative;
  z-index: 4;
}

/* links clean */
.elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-hero-release-wrap a{
  color: inherit;
  text-decoration: none;
}

/* -----------------------------
   2. BOVENKICKER
   Editorial, luchtig, premium
----------------------------- */
.elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-hero-release-kicker{
  margin: 0 0 10px 0;
  text-align: center;
  font-size: 10px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: .20em;
  text-transform: uppercase;
  color: rgba(247,213,255,.42);
  text-shadow:
    0 1px 1px rgba(0,0,0,.30),
    0 0 16px rgba(141,55,255,.10);
  opacity: .96;
}

/* -----------------------------
   3. STACK / COMPOSITIE
----------------------------- */
.elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-hero-stack{
  position: relative;
  width: 100%;
  min-height: 420px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  transform: translate(-20px,-58px);
  isolation: isolate;
}

/* -----------------------------
   4. HALO — LAAG 1
   Core aura + pearlescent field
----------------------------- */
.elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-hero-stack::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 53%;
  width: 520px;
  height: 520px;
  transform: translate(-50%,-50%);
  border-radius: 50%;
  pointer-events: none;
  z-index: 0;
  opacity: .98;
  background:
    radial-gradient(
      circle at 50% 46%,
      rgba(255,234,255,.12) 0%,
      rgba(240,182,255,.10) 10%,
      rgba(141,55,255,.22) 21%,
      rgba(255,43,214,.14) 34%,
      rgba(141,55,255,.08) 48%,
      rgba(20,10,40,.00) 74%
    ),
    radial-gradient(
      ellipse at 52% 56%,
      rgba(141,55,255,.10) 0%,
      rgba(255,43,214,.05) 38%,
      rgba(10,7,20,0) 72%
    );
  filter: blur(22px);
}

/* -----------------------------
   5. HALO — LAAG 2
   Precision ring / vinyl field / outer bloom
----------------------------- */
.elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-hero-stack::after{
  content: "";
  position: absolute;
  left: 50%;
  top: 53%;
  width: 428px;
  height: 428px;
  transform: translate(-50%,-50%);
  border-radius: 50%;
  pointer-events: none;
  z-index: 1;
  opacity: .92;
  background:
    radial-gradient(
      circle,
      rgba(255,255,255,.040) 0%,
      rgba(255,255,255,.020) 36%,
      rgba(255,255,255,0) 58%
    );
  box-shadow:
    0 0 0 1px rgba(255,255,255,.020),
    0 0 0 7px rgba(255,255,255,.010),
    0 0 0 15px rgba(255,234,255,.018),
    0 0 0 26px rgba(141,55,255,.020),
    0 0 0 44px rgba(255,43,214,.014),
    0 0 56px rgba(141,55,255,.12),
    0 0 120px rgba(255,43,214,.08);
  filter: blur(.2px);
}

/* -----------------------------
   6. HOOFDCOVER
   Meer object, minder plaatje
----------------------------- */
.elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-cover-main{
  position: relative;
  z-index: 3;
  filter: drop-shadow(0 28px 56px rgba(0,0,0,.42));
  transform: translateY(-20px);
}

/* pearlescent lacquer sweep */
.elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-cover-main::after{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 14px;
  pointer-events: none;
  z-index: 4;
  background:
    linear-gradient(
      125deg,
      rgba(255,255,255,.18) 0%,
      rgba(255,255,255,.05) 12%,
      rgba(255,255,255,0) 24%,
      rgba(255,255,255,.035) 44%,
      rgba(255,255,255,0) 62%,
      rgba(255,234,255,.05) 76%,
      rgba
      
/* =========================================================
   ILR HERO — FINALE / BOUTIQUE / SCHOON
   Outer container zonder dubbele release overrides
========================================================= */

.elementor-20953 .elementor-element.elementor-element-0b1c35c{
  background:
    radial-gradient(circle at 72% 36%, rgba(141,55,255,.12), transparent 0 30%),
    radial-gradient(circle at 18% 82%, rgba(255,43,214,.065), transparent 0 24%),
    linear-gradient(135deg, rgba(18,10,34,.96) 0%, rgba(10,7,20,.985) 56%, rgba(6,4,14,1) 100%);
  min-height: 420px;
  position: relative;
  overflow: hidden;
}

/* lacquer film */
.elementor-20953 .elementor-element.elementor-element-0b1c35c::before{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background:
    linear-gradient(
      118deg,
      rgba(255,255,255,.045) 0%,
      rgba(255,255,255,.014) 16%,
      rgba(255,255,255,0) 34%,
      rgba(255,255,255,.010) 64%,
      rgba(255,255,255,0) 100%
    );
  opacity: .42;
}

.elementor-20953 .elementor-element.elementor-element-0b1c35c::after{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
  background:
    linear-gradient(
      120deg,
      rgba(255,255,255,.04) 0%,
      rgba(255,255,255,.014) 22%,
      transparent 46%,
      rgba(255,255,255,.010) 72%,
      transparent 100%
    ),
    radial-gradient(circle at 78% 96%, rgba(141,55,255,.09), transparent 0 18%),
    radial-gradient(circle at 18% 98%, rgba(255,43,214,.035), transparent 0 14%),
    linear-gradient(
      180deg,
      rgba(8,5,18,0) 0%,
      rgba(8,5,18,0) 84%,
      rgba(7,5,16,.52) 92%,
      rgba(6,4,14,.92) 97%,
      rgba(6,4,14,1) 100%
    );
  mix-blend-mode: overlay;
  opacity: .26;
}

/* inhoud boven overlays */
.elementor-20953 .elementor-element.elementor-element-0b1c35c > .e-con-inner,
.elementor-20953 .elementor-element.elementor-element-0b1c35c > .elementor-container{
  position: relative;
  z-index: 3;
}

/* =========================================================
   LINKERKOLOM
========================================================= */

.elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-hero-copy{
  transform: translateY(-34px);
}

/* kicker */
.elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-hero-kicker{
  margin: 0 0 16px 0;
  font-size: 11px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: rgba(255,255,255,.48);
}

/* titel */
.elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-hero-title,
.elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-hero-title .elementor-heading-title{
  margin: 0 !important;
  font-size: clamp(40px, 4.35vw, 68px);
  line-height: 1.03;
  letter-spacing: -.028em;
  font-weight: 700;
  color: rgba(255,255,255,.94);
  max-width: 660px;
  text-wrap: balance;
}

/* subtekst */
.elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-hero-sub{
  max-width: 550px;
  margin-top: 16px;
  color: rgba(255,255,255,.72);
  font-size: 19px;
  line-height: 1.62;
}

.elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-hero-sub p{
  margin: 0;
}

/* knoppen */
.elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-hero-btn-primary,
.elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-hero-btn-secondary{
  display: inline-flex;
}

.elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-hero-btn-primary{
  margin-top: 30px;
  margin-right: 14px;
}

.elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-hero-btn-secondary{
  margin-top: 30px;
}

/* primaire knop */
.elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-hero-btn-primary .elementor-button{
  min-height: 50px;
  padding: 14px 22px;
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02)),
    rgba(255,43,214,.09);
  border: 1px solid rgba(255,43,214,.30);
  color: rgba(255,255,255,.94);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.03),
    0 10px 24px rgba(0,0,0,.22);
  transition:
    transform .22s ease,
    border-color .22s ease,
    box-shadow .22s ease,
    background .22s ease;
}

.elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-hero-btn-primary .elementor-button:hover{
  transform: translateY(-2px);
  border-color: rgba(255,43,214,.42);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.04),
    0 16px 34px rgba(0,0,0,.30),
    0 0 20px rgba(255,43,214,.10);
}

/* secundaire knop */
.elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-hero-btn-secondary .elementor-button{
  min-height: 50px;
  padding: 14px 22px;
  border-radius: 14px;
  background: rgba(255,255,255,.032);
  border: 1px solid rgba(255,255,255,.10);
  color: rgba(255,255,255,.86);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.02);
  transition:
    transform .22s ease,
    border-color .22s ease,
    background .22s ease;
}

.elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-hero-btn-secondary .elementor-button:hover{
  transform: translateY(-2px);
  background: rgba(255,255,255,.05);
  border-color: rgba(255,255,255,.18);
}

/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1024px){
  .elementor-20953 .elementor-element.elementor-element-0b1c35c{
    min-height: 620px;
  }

  .elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-hero-copy{
    transform: translateY(-16px);
  }

  .elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-hero-title,
  .elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-hero-title .elementor-heading-title{
    font-size: clamp(30px, 4.8vw, 46px);
    max-width: 100%;
  }

  .elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-hero-sub{
    font-size: 17px;
    max-width: 520px;
  }
}

/* =========================================================
   MOBIEL
========================================================= */

@media (max-width: 767px){
  .elementor-20953 .elementor-element.elementor-element-0b1c35c{
    min-height: auto;
    padding-top: 72px;
    padding-bottom: 56px;
  }

  .elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-hero-copy{
    transform: none;
  }

  .elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-hero-title,
  .elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-hero-title .elementor-heading-title{
    font-size: 34px;
    line-height: 1.07;
    max-width: 100%;
  }

  .elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-hero-sub{
    font-size: 17px;
    max-width: 100%;
  }

  .elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-hero-btn-primary,
  .elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-hero-btn-secondary{
    display: block;
    margin-top: 14px;
    margin-right: 0;
  }

  .elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-hero-btn-primary .elementor-button,
  .elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-hero-btn-secondary .elementor-button{
    width: 100%;
    justify-content: center;
  }
}(255,255,255,0) 100%
    );
  mix-blend-mode: screen;
  opacity: .34;
}

.elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-cover-main img{
  display: block;
  width: min(23vw, 278px);
  max-width: 278px;
  min-width: 220px;
  height: auto;
  border-radius: 14px;
  box-shadow:
    0 52px 110px rgba(0,0,0,.68),
    0 18px 34px rgba(0,0,0,.34),
    0 0 0 1px rgba(255,255,255,.05),
    0 0 22px rgba(141,55,255,.08);
  filter: brightness(.965) saturate(.92) contrast(1.02);
  transition:
    transform .28s ease,
    box-shadow .28s ease,
    filter .28s ease;
}

/* -----------------------------
   7. ACHTERCOVERS
   Meer ondersteunend, minder aanwezig
----------------------------- */
.elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-cover-back-left{
  position: absolute;
  left: 34%;
  top: 74%;
  transform: translate(-50%,-50%) rotate(-13deg);
  z-index: 1;
  opacity: .50;
  transition: transform .28s ease, opacity .28s ease, filter .28s ease;
}

.elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-cover-back-left img{
  display: block;
  width: min(17vw, 182px);
  max-width: 182px;
  min-width: 140px;
  height: auto;
  border-radius: 12px;
  box-shadow:
    0 18px 42px rgba(0,0,0,.52),
    0 0 0 1px rgba(255,255,255,.025);
  filter: brightness(.68) saturate(.66) contrast(.92);
}

.elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-cover-back-right{
  position: absolute;
  right: 32%;
  top: 67%;
  transform: translate(50%,-50%) rotate(11deg);
  z-index: 2;
  opacity: .54;
  transition: transform .28s ease, opacity .28s ease, filter .28s ease;
}

.elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-cover-back-right img{
  display: block;
  width: min(17vw, 182px);
  max-width: 182px;
  min-width: 140px;
  height: auto;
  border-radius: 12px;
  box-shadow:
    0 18px 42px rgba(0,0,0,.52),
    0 0 0 1px rgba(255,255,255,.025);
  filter: brightness(.71) saturate(.68) contrast(.92);
}

/* -----------------------------
   8. INFOBLOK ONDER COVER
----------------------------- */
.elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-hero-release-info{
  position: relative;
  z-index: 5;
  margin-top: -35px;
  max-width: 270px;
  text-align: center;
}

/* hairline = lichtspoor */
.elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-hero-release-info::before{
  content: "";
  display: block;
  width: 62px;
  height: 1px;
  margin: 0 auto 13px auto;
  background:
    linear-gradient(
      90deg,
      rgba(255,255,255,0) 0%,
      rgba(255,234,255,.20) 18%,
      rgba(255,255,255,.42) 50%,
      rgba(255,234,255,.20) 82%,
      rgba(255,255,255,0) 100%
    );
  box-shadow: 0 0 10px rgba(141,55,255,.08);
  opacity: .95;
}

/* artiest = hoofdanker */
.elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-hero-release-artist,
.elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-hero-release-artist .elementor-heading-title{
  margin: 0 !important;
  font-size: 20px !important;
  line-height: 1.04;
  font-weight: 700;
  letter-spacing: -.022em;
  color: rgba(247,213,255,.95) !important;
  text-wrap: balance;
  text-shadow:
    0 2px 18px rgba(0,0,0,.34),
    0 0 18px rgba(141,55,255,.08);
}

/* album = rustiger maar luxe */
.elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-hero-release-album,
.elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-hero-release-album .elementor-heading-title,
.elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-hero-release-album p{
  margin: -4px 0 0 0 !important;
  font-size: 13px !important;
  line-height: 1.24 !important;
  font-weight: 500 !important;
  letter-spacing: .01em !important;
  color: rgba(255,255,255,.80) !important;
  text-wrap: balance;
  text-shadow:
    0 1px 10px rgba(0,0,0,.22),
    0 0 12px rgba(141,55,255,.05);
}

/* -----------------------------
   9. HOVER
   Kort, gecontroleerd, geen circus
----------------------------- */
.elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-hero-stack:hover .ilr-cover-main img{
  transform: translateY(-6px);
  box-shadow:
    0 62px 126px rgba(0,0,0,.72),
    0 20px 38px rgba(0,0,0,.36),
    0 0 0 1px rgba(255,255,255,.06),
    0 0 30px rgba(141,55,255,.11);
  filter: brightness(.985) saturate(.96) contrast(1.03);
}

.elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-hero-stack:hover .ilr-cover-back-left{
  transform: translate(-50%,-52%) rotate(-15deg);
  opacity: .58;
}

.elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-hero-stack:hover .ilr-cover-back-right{
  transform: translate(50%,-48%) rotate(13deg);
  opacity: .62;
}

.elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-hero-stack:hover::before{
  opacity: 1;
  filter: blur(24px);
}

.elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-hero-stack:hover::after{
  opacity: .98;
}

/* -----------------------------
   10. TABLET
----------------------------- */
@media (max-width: 1024px){
  .elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-hero-stack{
    min-height: 430px;
    transform: translate(-8px,-42px);
  }

  .elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-hero-release-kicker{
    margin-bottom: 8px;
    font-size: 9px;
  }

  .elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-hero-stack::before{
    width: 420px;
    height: 405px;
  }

  .elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-hero-stack::after{
    width: 350px;
    height: 350px;
  }

  .elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-cover-main img{
    width: min(30vw, 250px);
    max-width: 250px;
    min-width: 190px;
  }

  .elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-cover-back-left img,
  .elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-cover-back-right img{
    width: min(18vw, 148px);
    max-width: 148px;
    min-width: 110px;
  }

  .elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-hero-release-info{
    margin-top: -14px;
    max-width: 240px;
  }

  .elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-hero-release-artist,
  .elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-hero-release-artist .elementor-heading-title{
    font-size: 18px !important;
  }

  .elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-hero-release-album,
  .elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-hero-release-album .elementor-heading-title,
  .elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-hero-release-album p{
    font-size: 12px !important;
  }
}

/* -----------------------------
   11. MOBIEL
----------------------------- */
@media (max-width: 767px){
  .elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-hero-release-kicker{
    margin-bottom: 8px;
    font-size: 9px;
    letter-spacing: .18em;
  }

  .elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-hero-stack{
    min-height: 300px;
    margin-top: 20px;
    transform: translate(0,-10px);
  }

  .elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-hero-stack::before{
    width: 300px;
    height: 290px;
    filter: blur(16px);
  }

  .elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-hero-stack::after{
    width: 245px;
    height: 245px;
  }

  .elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-cover-main::after{
    border-radius: 10px;
    opacity: .28;
  }

  .elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-cover-main img{
    width: min(70vw, 235px);
    max-width: 235px;
    min-width: 170px;
    border-radius: 10px;
  }

  .elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-cover-back-left,
  .elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-cover-back-right{
    opacity: .46;
  }

  .elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-cover-back-left img,
  .elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-cover-back-right img{
    width: min(28vw, 100px);
    max-width: 100px;
    min-width: 70px;
    border-radius: 9px;
  }

  .elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-hero-release-info{
    margin-top: -8px;
    max-width: 220px;
  }

  .elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-hero-release-info::before{
    width: 50px;
    margin-bottom: 11px;
  }

  .elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-hero-release-artist,
  .elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-hero-release-artist .elementor-heading-title{
    font-size: 17px !important;
  }

  .elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-hero-release-album,
  .elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-hero-release-album .elementor-heading-title,
  .elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-hero-release-album p{
    font-size: 12px !important;
  }
}

.elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-hero-tronica,
.elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-hero-tronica .elementor-heading-title,
.elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-hero-tronica p{
  margin: 1px 0 0 0 !important;
  font-size: 11px !important;
  line-height: 1.18 !important;
  font-weight: 700 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  text-align: center !important;

  color: rgba(247,213,255,.58) !important;
  text-shadow:
    0 1px 10px rgba(0,0,0,.22),
    0 0 16px rgba(141,55,255,.08);

  opacity: .96;
}

/* basis */
.elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-hero-tronica a{
  color: rgba(247,213,255,.58);
  text-decoration: none;
  transition:
    color .22s ease,
    text-shadow .22s ease,
    transform .22s ease;
}

/* hover */
.elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-hero-tronica a:hover{
  color: rgba(255,255,255,.92);

  text-shadow:
    0 0 14px rgba(141,55,255,.28),
    0 0 28px rgba(255,43,214,.16);

  transform: translateY(-1px);
}

.elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-hero-tronica a{
  border-bottom: 1px solid rgba(255,255,255,.18);
  padding-bottom: 1px;
}

.elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-hero-tronica a:hover{
  border-bottom-color: rgba(255,43,214,.45);
}

/* =========================================================
   HERO INFO HOVER — artiest + album als één systeem
========================================================= */

.elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-hero-release-artist a,
.elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-hero-release-album a{
  display: inline-block;
  color: inherit;
  text-decoration: none;
  transition:
    transform .22s ease,
    opacity .22s ease,
    text-shadow .22s ease;
}

.elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-hero-release-info:hover .ilr-hero-release-artist a,
.elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-hero-release-info:hover .ilr-hero-release-album a{
  transform: translateY(-1px);
}

.elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-hero-release-info:hover .ilr-hero-release-artist,
.elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-hero-release-info:hover .ilr-hero-release-artist .elementor-heading-title{
  text-shadow:
    0 2px 18px rgba(0,0,0,.34),
    0 0 18px rgba(141,55,255,.10);
}

.elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-hero-release-info:hover .ilr-hero-release-album,
.elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-hero-release-info:hover .ilr-hero-release-album .elementor-heading-title,
.elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-hero-release-info:hover .ilr-hero-release-album p{
  text-shadow:
    0 1px 10px rgba(0,0,0,.22),
    0 0 12px rgba(141,55,255,.07);
}

.elementor-20953 .elementor-element.elementor-element-0b1c35c .ilr-hero-stack{
  transform: translate(-20px,-30px);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-534a300 *//* =========================================================
   ILR HERO — FINALE / BOUTIQUE / SCHOON
   Outer container zonder dubbele release overrides
========================================================= */

.elementor-20953 .elementor-element.elementor-element-534a300{
  background:
    radial-gradient(circle at 72% 36%, rgba(141,55,255,.12), transparent 0 30%),
    radial-gradient(circle at 18% 82%, rgba(255,43,214,.065), transparent 0 24%),
    linear-gradient(135deg, rgba(18,10,34,.96) 0%, rgba(10,7,20,.985) 56%, rgba(6,4,14,1) 100%);
  min-height: 420px;
  position: relative;
  overflow: hidden;
}

/* lacquer film */
.elementor-20953 .elementor-element.elementor-element-534a300::before{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background:
    linear-gradient(
      118deg,
      rgba(255,255,255,.045) 0%,
      rgba(255,255,255,.014) 16%,
      rgba(255,255,255,0) 34%,
      rgba(255,255,255,.010) 64%,
      rgba(255,255,255,0) 100%
    );
  opacity: .42;
}

.elementor-20953 .elementor-element.elementor-element-534a300::after{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
  background:
    linear-gradient(
      120deg,
      rgba(255,255,255,.04) 0%,
      rgba(255,255,255,.014) 22%,
      transparent 46%,
      rgba(255,255,255,.010) 72%,
      transparent 100%
    ),
    radial-gradient(circle at 78% 96%, rgba(141,55,255,.09), transparent 0 18%),
    radial-gradient(circle at 18% 98%, rgba(255,43,214,.035), transparent 0 14%),
linear-gradient(
  180deg,
  rgba(8,5,18,0) 0%,
  rgba(8,5,18,0) 68%,
  rgba(8,5,18,.10) 78%,
  rgba(7,5,16,.28) 86%,
  rgba(6,4,14,.58) 93%,
  rgba(6,4,14,.88) 98%,
  rgba(6,4,14,1) 100%
);
  mix-blend-mode: overlay;
  opacity: .26;
}

/* inhoud boven overlays */
.elementor-20953 .elementor-element.elementor-element-534a300 > .e-con-inner,
.elementor-20953 .elementor-element.elementor-element-534a300 > .elementor-container{
  position: relative;
  z-index: 3;
}

/* =========================================================
   LINKERKOLOM
========================================================= */

.elementor-20953 .elementor-element.elementor-element-534a300 .ilr-hero-copy{
  transform: translateY(-34px);
}

/* kicker */
.elementor-20953 .elementor-element.elementor-element-534a300 .ilr-hero-kicker{
  margin: 0 0 16px 0;
  font-size: 11px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: rgba(255,255,255,.48);
}

/* titel */
.elementor-20953 .elementor-element.elementor-element-534a300 .ilr-hero-title,
.elementor-20953 .elementor-element.elementor-element-534a300 .ilr-hero-title .elementor-heading-title{
  margin: 0 !important;
  font-size: clamp(40px, 4.35vw, 68px);
  line-height: 1.03;
  letter-spacing: -.028em;
  font-weight: 800;
  color: rgba(255,255,255,.94);
  max-width: 660px;
  text-wrap: balance;
}

/* subtekst */
.elementor-20953 .elementor-element.elementor-element-534a300 .ilr-hero-sub{
  max-width: 550px;
  margin-top: 16px;
  color: rgba(255,255,255,.72);
  font-size: 19px;
  line-height: 1.62;
}

.elementor-20953 .elementor-element.elementor-element-534a300 .ilr-hero-sub p{
  margin: 0;
}

/* knoppen */
.elementor-20953 .elementor-element.elementor-element-534a300 .ilr-hero-btn-primary,
.elementor-20953 .elementor-element.elementor-element-534a300 .ilr-hero-btn-secondary{
  display: inline-flex;
}

.elementor-20953 .elementor-element.elementor-element-534a300 .ilr-hero-btn-primary{
  margin-top: 30px;
  margin-right: 14px;
}

.elementor-20953 .elementor-element.elementor-element-534a300 .ilr-hero-btn-secondary{
  margin-top: 30px;
}

/* primaire knop */
.elementor-20953 .elementor-element.elementor-element-534a300 .ilr-hero-btn-primary .elementor-button{
  min-height: 50px;
  padding: 14px 22px;
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02)),
    rgba(255,43,214,.09);
  border: 1px solid rgba(255,43,214,.30);
  color: rgba(255,255,255,.94);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.03),
    0 10px 24px rgba(0,0,0,.22);
  transition:
    transform .22s ease,
    border-color .22s ease,
    box-shadow .22s ease,
    background .22s ease;
}

.elementor-20953 .elementor-element.elementor-element-534a300 .ilr-hero-btn-primary .elementor-button:hover{
  transform: translateY(-2px);
  border-color: rgba(255,43,214,.42);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.04),
    0 16px 34px rgba(0,0,0,.30),
    0 0 20px rgba(255,43,214,.10);
}



/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1024px){
  .elementor-20953 .elementor-element.elementor-element-534a300{
    min-height: 620px;
  }

  .elementor-20953 .elementor-element.elementor-element-534a300 .ilr-hero-copy{
    transform: translateY(-16px);
  }

  .elementor-20953 .elementor-element.elementor-element-534a300 .ilr-hero-title,
  .elementor-20953 .elementor-element.elementor-element-534a300 .ilr-hero-title .elementor-heading-title{
    font-size: clamp(30px, 4.8vw, 46px);
    max-width: 100%;
  }

  .elementor-20953 .elementor-element.elementor-element-534a300 .ilr-hero-sub{
    font-size: 17px;
    max-width: 520px;
  }
}

/* =========================================================
   MOBIEL
========================================================= */

@media (max-width: 767px){
  .elementor-20953 .elementor-element.elementor-element-534a300{
    min-height: auto;
    padding-top: 72px;
    padding-bottom: 56px;
  }

  .elementor-20953 .elementor-element.elementor-element-534a300 .ilr-hero-copy{
    transform: none;
  }

  .elementor-20953 .elementor-element.elementor-element-534a300 .ilr-hero-title,
  .elementor-20953 .elementor-element.elementor-element-534a300 .ilr-hero-title .elementor-heading-title{
    font-size: 34px;
    line-height: 1.07;
    max-width: 100%;
  }

  .elementor-20953 .elementor-element.elementor-element-534a300 .ilr-hero-sub{
    font-size: 17px;
    max-width: 100%;
  }

  .elementor-20953 .elementor-element.elementor-element-534a300 .ilr-hero-btn-primary,
  .elementor-20953 .elementor-element.elementor-element-534a300 .ilr-hero-btn-secondary{
    display: block;
    margin-top: 14px;
    margin-right: 0;
  }

  .elementor-20953 .elementor-element.elementor-element-534a300 .ilr-hero-btn-primary .elementor-button,
  .elementor-20953 .elementor-element.elementor-element-534a300 .ilr-hero-btn-secondary .elementor-button{
    width: 100%;
    justify-content: center;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ed51b2b */.elementor-20953 .elementor-element.elementor-element-ed51b2b{
  position: relative;
  overflow: hidden;
  min-height: 174px;
  padding: 30px 28px 26px;
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,.08);

  background:
    radial-gradient(circle at 85% 18%, rgba(141,55,255,.12), transparent 46%),
    radial-gradient(circle at 10% 100%, rgba(255,43,214,.06), transparent 34%),
    linear-gradient(180deg, rgba(18,12,30,.78) 0%, rgba(10,7,20,.92) 100%);

  box-shadow:
    0 18px 44px rgba(0,0,0,.38),
    inset 0 0 0 1px rgba(255,255,255,.03);

  transition:
    transform .22s ease,
    border-color .22s ease,
    box-shadow .22s ease,
    background .22s ease;
}

.elementor-20953 .elementor-element.elementor-element-ed51b2b::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  background:
    linear-gradient(120deg,
      rgba(255,255,255,.10) 0%,
      rgba(255,255,255,.03) 16%,
      rgba(255,255,255,0) 38%,
      rgba(255,255,255,.03) 72%,
      rgba(255,255,255,0) 100%);
  opacity:.55;
}

.elementor-20953 .elementor-element.elementor-element-ed51b2b::after{
  content:"↓";
  position:absolute;
  right:22px;
  bottom:18px;
  font-size:18px;
  line-height:1;
  color: rgba(255,255,255,.28);
  transform: translateX(-4px);
  transition:
    transform .22s ease,
    color .22s ease,
    opacity .22s ease;
  opacity:.72;
}

.elementor-20953 .elementor-element.elementor-element-ed51b2b:hover{
  transform: translateY(-5px);
  border-color: rgba(141,55,255,.34);
  background:
    radial-gradient(circle at 85% 18%, rgba(141,55,255,.16), transparent 46%),
    radial-gradient(circle at 10% 100%, rgba(255,43,214,.08), transparent 34%),
    linear-gradient(180deg, rgba(20,13,34,.86) 0%, rgba(10,7,20,.96) 100%);
  box-shadow:
    0 24px 54px rgba(0,0,0,.52),
    0 0 28px rgba(141,55,255,.10),
    inset 0 0 0 1px rgba(255,255,255,.04);
}

.elementor-20953 .elementor-element.elementor-element-ed51b2b:hover::after{
  color: rgba(255,255,255,.74);
  transform: translateX(0);
  opacity:1;
}


.elementor-20953 .elementor-element.elementor-element-ed51b2b .ilr-quick-kicker,
.elementor-20953 .elementor-element.elementor-element-ed51b2b .ilr-quick-kicker .elementor-heading-title{
  margin: 0 0 8px 0;
  font-size: 10px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: rgba(255,255,255,.50);
}

.elementor-20953 .elementor-element.elementor-element-ed51b2b .ilr-quick-title,
.elementor-20953 .elementor-element.elementor-element-ed51b2b .ilr-quick-title .elementor-heading-title{
  margin: 0;
  max-width: 82%;
  font-size: 24px;
  line-height: 1.08;
  font-weight: 700;
  letter-spacing: -.02em;
  color: rgba(255,255,255,.94);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-321c2f7 */.elementor-20953 .elementor-element.elementor-element-321c2f7{
  position: relative;
  overflow: hidden;
  min-height: 174px;
  padding: 30px 28px 26px;
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,.08);

  background:
    radial-gradient(circle at 85% 18%, rgba(141,55,255,.12), transparent 46%),
    radial-gradient(circle at 10% 100%, rgba(255,43,214,.06), transparent 34%),
    linear-gradient(180deg, rgba(18,12,30,.78) 0%, rgba(10,7,20,.92) 100%);

  box-shadow:
    0 18px 44px rgba(0,0,0,.38),
    inset 0 0 0 1px rgba(255,255,255,.03);

  transition:
    transform .22s ease,
    border-color .22s ease,
    box-shadow .22s ease,
    background .22s ease;
}

.elementor-20953 .elementor-element.elementor-element-321c2f7::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  background:
    linear-gradient(120deg,
      rgba(255,255,255,.10) 0%,
      rgba(255,255,255,.03) 16%,
      rgba(255,255,255,0) 38%,
      rgba(255,255,255,.03) 72%,
      rgba(255,255,255,0) 100%);
  opacity:.55;
}

.elementor-20953 .elementor-element.elementor-element-321c2f7::after{
  content:"↓";
  position:absolute;
  right:22px;
  bottom:18px;
  font-size:18px;
  line-height:1;
  color: rgba(255,255,255,.28);
  transform: translateX(-4px);
  transition:
    transform .22s ease,
    color .22s ease,
    opacity .22s ease;
  opacity:.72;
}

.elementor-20953 .elementor-element.elementor-element-321c2f7:hover{
  transform: translateY(-5px);
  border-color: rgba(141,55,255,.34);
  background:
    radial-gradient(circle at 85% 18%, rgba(141,55,255,.16), transparent 46%),
    radial-gradient(circle at 10% 100%, rgba(255,43,214,.08), transparent 34%),
    linear-gradient(180deg, rgba(20,13,34,.86) 0%, rgba(10,7,20,.96) 100%);
  box-shadow:
    0 24px 54px rgba(0,0,0,.52),
    0 0 28px rgba(141,55,255,.10),
    inset 0 0 0 1px rgba(255,255,255,.04);
}

.elementor-20953 .elementor-element.elementor-element-321c2f7:hover::after{
  color: rgba(255,255,255,.74);
  transform: translateX(0);
  opacity:1;
}


.elementor-20953 .elementor-element.elementor-element-321c2f7 .ilr-quick-kicker,
.elementor-20953 .elementor-element.elementor-element-321c2f7 .ilr-quick-kicker .elementor-heading-title{
  margin: 0 0 8px 0;
  font-size: 10px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: rgba(255,255,255,.50);
}

.elementor-20953 .elementor-element.elementor-element-321c2f7 .ilr-quick-title,
.elementor-20953 .elementor-element.elementor-element-321c2f7 .ilr-quick-title .elementor-heading-title{
  margin: 0;
  max-width: 82%;
  font-size: 24px;
  line-height: 1.08;
  font-weight: 700;
  letter-spacing: -.02em;
  color: rgba(255,255,255,.94);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d3f5a7 */.elementor-20953 .elementor-element.elementor-element-0d3f5a7{
  position: relative;
  overflow: hidden;
  min-height: 174px;
  padding: 30px 28px 26px;
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,.08);

  background:
    radial-gradient(circle at 85% 18%, rgba(141,55,255,.12), transparent 46%),
    radial-gradient(circle at 10% 100%, rgba(255,43,214,.06), transparent 34%),
    linear-gradient(180deg, rgba(18,12,30,.78) 0%, rgba(10,7,20,.92) 100%);

  box-shadow:
    0 18px 44px rgba(0,0,0,.38),
    inset 0 0 0 1px rgba(255,255,255,.03);

  transition:
    transform .22s ease,
    border-color .22s ease,
    box-shadow .22s ease,
    background .22s ease;
}

.elementor-20953 .elementor-element.elementor-element-0d3f5a7::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  background:
    linear-gradient(120deg,
      rgba(255,255,255,.10) 0%,
      rgba(255,255,255,.03) 16%,
      rgba(255,255,255,0) 38%,
      rgba(255,255,255,.03) 72%,
      rgba(255,255,255,0) 100%);
  opacity:.55;
}

.elementor-20953 .elementor-element.elementor-element-0d3f5a7::after{
  content:"↓";
  position:absolute;
  right:22px;
  bottom:18px;
  font-size:18px;
  line-height:1;
  color: rgba(255,255,255,.28);
  transform: translateX(-4px);
  transition:
    transform .22s ease,
    color .22s ease,
    opacity .22s ease;
  opacity:.72;
}

.elementor-20953 .elementor-element.elementor-element-0d3f5a7:hover{
  transform: translateY(-5px);
  border-color: rgba(141,55,255,.34);
  background:
    radial-gradient(circle at 85% 18%, rgba(141,55,255,.16), transparent 46%),
    radial-gradient(circle at 10% 100%, rgba(255,43,214,.08), transparent 34%),
    linear-gradient(180deg, rgba(20,13,34,.86) 0%, rgba(10,7,20,.96) 100%);
  box-shadow:
    0 24px 54px rgba(0,0,0,.52),
    0 0 28px rgba(141,55,255,.10),
    inset 0 0 0 1px rgba(255,255,255,.04);
}

.elementor-20953 .elementor-element.elementor-element-0d3f5a7:hover::after{
  color: rgba(255,255,255,.74);
  transform: translateX(0);
  opacity:1;
}


.elementor-20953 .elementor-element.elementor-element-0d3f5a7 .ilr-quick-kicker,
.elementor-20953 .elementor-element.elementor-element-0d3f5a7 .ilr-quick-kicker .elementor-heading-title{
  margin: 0 0 8px 0;
  font-size: 10px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: rgba(255,255,255,.50);
}

.elementor-20953 .elementor-element.elementor-element-0d3f5a7 .ilr-quick-title,
.elementor-20953 .elementor-element.elementor-element-0d3f5a7 .ilr-quick-title .elementor-heading-title{
  margin: 0;
  max-width: 82%;
  font-size: 24px;
  line-height: 1.08;
  font-weight: 700;
  letter-spacing: -.02em;
  color: rgba(255,255,255,.94);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7258f89 */.elementor-20953 .elementor-element.elementor-element-7258f89{
  position: relative;
  overflow: hidden;
  min-height: 174px;
  padding: 30px 28px 26px;
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,.08);

  background:
    radial-gradient(circle at 85% 18%, rgba(141,55,255,.12), transparent 46%),
    radial-gradient(circle at 10% 100%, rgba(255,43,214,.06), transparent 34%),
    linear-gradient(180deg, rgba(18,12,30,.78) 0%, rgba(10,7,20,.92) 100%);

  box-shadow:
    0 18px 44px rgba(0,0,0,.38),
    inset 0 0 0 1px rgba(255,255,255,.03);

  transition:
    transform .22s ease,
    border-color .22s ease,
    box-shadow .22s ease,
    background .22s ease;
}

.elementor-20953 .elementor-element.elementor-element-7258f89::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  background:
    linear-gradient(120deg,
      rgba(255,255,255,.10) 0%,
      rgba(255,255,255,.03) 16%,
      rgba(255,255,255,0) 38%,
      rgba(255,255,255,.03) 72%,
      rgba(255,255,255,0) 100%);
  opacity:.55;
}

.elementor-20953 .elementor-element.elementor-element-7258f89::after{
  content:"↓";
  position:absolute;
  right:22px;
  bottom:18px;
  font-size:18px;
  line-height:1;
  color: rgba(255,255,255,.28);
  transform: translateX(-4px);
  transition:
    transform .22s ease,
    color .22s ease,
    opacity .22s ease;
  opacity:.72;
}

.elementor-20953 .elementor-element.elementor-element-7258f89:hover{
  transform: translateY(-5px);
  border-color: rgba(141,55,255,.34);
  background:
    radial-gradient(circle at 85% 18%, rgba(141,55,255,.16), transparent 46%),
    radial-gradient(circle at 10% 100%, rgba(255,43,214,.08), transparent 34%),
    linear-gradient(180deg, rgba(20,13,34,.86) 0%, rgba(10,7,20,.96) 100%);
  box-shadow:
    0 24px 54px rgba(0,0,0,.52),
    0 0 28px rgba(141,55,255,.10),
    inset 0 0 0 1px rgba(255,255,255,.04);
}

.elementor-20953 .elementor-element.elementor-element-7258f89:hover::after{
  color: rgba(255,255,255,.74);
  transform: translateX(0);
  opacity:1;
}


.elementor-20953 .elementor-element.elementor-element-7258f89 .ilr-quick-kicker,
.elementor-20953 .elementor-element.elementor-element-7258f89 .ilr-quick-kicker .elementor-heading-title{
  margin: 0 0 8px 0;
  font-size: 10px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: rgba(255,255,255,.50);
}

.elementor-20953 .elementor-element.elementor-element-7258f89 .ilr-quick-title,
.elementor-20953 .elementor-element.elementor-element-7258f89 .ilr-quick-title .elementor-heading-title{
  margin: 0;
  max-width: 82%;
  font-size: 24px;
  line-height: 1.08;
  font-weight: 700;
  letter-spacing: -.02em;
  color: rgba(255,255,255,.94);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f4dc4ea */.elementor-20953 .elementor-element.elementor-element-f4dc4ea{
  opacity: .7;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7cd3170 */.elementor-20953 .elementor-element.elementor-element-7cd3170{
  opacity: .7;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f6a3750 */.elementor-20953 .elementor-element.elementor-element-f6a3750{
  opacity: .7;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-14e138f */.elementor-20953 .elementor-element.elementor-element-14e138f{
  opacity: .7;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fe9f0e3 *//* =========================================================
   ILR — INFO BAND / WORLD CUP FIXED
   Robuuste versie voor Elementor containers
   Plaats ALLEEN in hoofdcontainer .ilr-info-band
========================================================= */

.elementor-20953 .elementor-element.elementor-element-fe9f0e3{
  --ilr-band-bg-1: rgba(16,10,28,.94);
  --ilr-band-bg-2: rgba(8,6,18,.985);
  --ilr-band-ink: rgba(255,255,255,.90);
  --ilr-band-sub: rgba(255,255,255,.68);
  --ilr-band-line: rgba(255,255,255,.06);
  --ilr-band-line-soft: rgba(255,255,255,.04);
  --ilr-band-purple: rgba(141,55,255,.18);
  --ilr-band-pink: rgba(255,43,214,.10);
  --ilr-band-glow: rgba(230,142,255,.18);
  --ilr-band-ease: cubic-bezier(.22,.61,.36,1);

  position: relative;
  overflow: hidden;
  isolation: isolate;
  padding: 0;
  background:
    radial-gradient(circle at 16% 50%, rgba(141,55,255,.11), transparent 0 34%),
    radial-gradient(circle at 84% 50%, rgba(255,43,214,.08), transparent 0 30%),
    linear-gradient(180deg, var(--ilr-band-bg-1) 0%, var(--ilr-band-bg-2) 100%);
  border-top: 1px solid var(--ilr-band-line);
  border-bottom: 1px solid var(--ilr-band-line);
}

/* lacquer film */
.elementor-20953 .elementor-element.elementor-element-fe9f0e3::before{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background:
    linear-gradient(
      112deg,
      rgba(255,255,255,.04) 0%,
      rgba(255,255,255,.010) 16%,
      rgba(255,255,255,0) 35%,
      rgba(247,213,255,.018) 58%,
      rgba(255,255,255,.008) 76%,
      rgba(255,255,255,0) 100%
    );
  opacity: .6;
}

/* halo-aansluiting */
.elementor-20953 .elementor-element.elementor-element-fe9f0e3::after{
  content: "";
  position: absolute;
  inset: -40px 0;
  pointer-events: none;
  z-index: 0;
  background:
    radial-gradient(circle at 50% 110%, rgba(141,55,255,.10), transparent 0 34%),
    radial-gradient(circle at 50% -10%, rgba(230,142,255,.05), transparent 0 24%);
  opacity: .85;
}

/* row */
.elementor-20953 .elementor-element.elementor-element-fe9f0e3 .ilr-info-band__row{
  position: relative;
  z-index: 2;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: stretch;
  justify-content: space-between;
  min-height: 150px;
}

/* subtiele groove over hele band */
.elementor-20953 .elementor-element.elementor-element-fe9f0e3 .ilr-info-band__row::before{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 1px;
  transform: translateY(-50%);
  pointer-events: none;
  background:
    repeating-linear-gradient(
      90deg,
      rgba(255,255,255,.042) 0 2px,
      transparent 2px 9px
    );
  opacity: .22;
}

/* fade aan zijkanten */
.elementor-20953 .elementor-element.elementor-element-fe9f0e3 .ilr-info-band__row::after{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(
      90deg,
      rgba(10,7,20,.72) 0%,
      rgba(10,7,20,0) 7%,
      rgba(10,7,20,0) 93%,
      rgba(10,7,20,.72) 100%
    );
  opacity: .75;
}

/* item */
.elementor-20953 .elementor-element.elementor-element-fe9f0e3 .ilr-info-band__item{
  position: relative;
  z-index: 2;
  flex: 1 1 0 !important;
  min-width: 0 !important;
  min-height: 150px;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 26px 22px 24px;
  transition:
    transform 220ms var(--ilr-band-ease),
    background-color 220ms var(--ilr-band-ease),
    box-shadow 220ms var(--ilr-band-ease);
}

/* divider */
.elementor-20953 .elementor-element.elementor-element-fe9f0e3 .ilr-info-band__item:not(:last-child)::after{
  content: "";
  position: absolute;
  right: 0;
  top: 26%;
  bottom: 26%;
  width: 1px;
  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,0) 0%,
      rgba(255,255,255,.06) 24%,
      rgba(255,255,255,.04) 76%,
      rgba(255,255,255,0) 100%
    );
}

/* hover */
@media (hover:hover){
  .elementor-20953 .elementor-element.elementor-element-fe9f0e3 .ilr-info-band__item:hover{
    transform: translateY(-2px);
    background:
      linear-gradient(180deg, rgba(255,255,255,.016) 0%, rgba(255,255,255,.006) 100%);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.03),
      0 14px 34px rgba(0,0,0,.18);
  }
}

/* icon widget */
.elementor-20953 .elementor-element.elementor-element-fe9f0e3 .ilr-info-band__icon{
  margin-bottom: 10px;
  line-height: 1;
  width: auto !important;
  max-width: none !important;
}

.elementor-20953 .elementor-element.elementor-element-fe9f0e3 .ilr-info-band__icon .elementor-icon{
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.elementor-20953 .elementor-element.elementor-element-fe9f0e3 .ilr-info-band__icon i,
.elementor-20953 .elementor-element.elementor-element-fe9f0e3 .ilr-info-band__icon svg{
  font-size: 17px;
  width: 17px;
  height: 17px;
  color: #E68EFF;
  opacity: .92;
  filter:
    drop-shadow(0 0 7px rgba(141,55,255,.22))
    drop-shadow(0 0 18px rgba(255,43,214,.10));
  transition:
    transform 220ms var(--ilr-band-ease),
    opacity 220ms var(--ilr-band-ease),
    filter 220ms var(--ilr-band-ease);
}

@media (hover:hover){
  .elementor-20953 .elementor-element.elementor-element-fe9f0e3 .ilr-info-band__item:hover .ilr-info-band__icon i,
  .elementor-20953 .elementor-element.elementor-element-fe9f0e3 .ilr-info-band__item:hover .ilr-info-band__icon svg{
    transform: translateY(-1px);
    opacity: 1;
  }
}

/* eyebrow */
.elementor-20953 .elementor-element.elementor-element-fe9f0e3 .ilr-info-band__eyebrow{
  width: 100% !important;
  max-width: 220px;
  margin: 0 0 10px 0;
}

.elementor-20953 .elementor-element.elementor-element-fe9f0e3 .ilr-info-band__eyebrow .elementor-heading-title{
  margin: 0;
  font-size: 11px;
  line-height: 1.14;
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--ilr-band-sub);
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
  writing-mode: horizontal-tb !important;
}

/* text */
.elementor-20953 .elementor-element.elementor-element-fe9f0e3 .ilr-info-band__text{
  width: 100% !important;
  max-width: 220px;
}

.elementor-20953 .elementor-element.elementor-element-fe9f0e3 .ilr-info-band__text .elementor-text-editor,
.elementor-20953 .elementor-element.elementor-element-fe9f0e3 .ilr-info-band__text p{
  margin: 0;
  font-size: 14px;
  line-height: 1.38;
  font-weight: 650;
  letter-spacing: -.01em;
  color: var(--ilr-band-ink);
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
  writing-mode: horizontal-tb !important;
}

/* cijfers */
.elementor-20953 .elementor-element.elementor-element-fe9f0e3 .ilr-info-band__eyebrow,
.elementor-20953 .elementor-element.elementor-element-fe9f0e3 .ilr-info-band__text{
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

/* ultra-subtiele groove animatie */
@media (hover:hover){
  .elementor-20953 .elementor-element.elementor-element-fe9f0e3:hover .ilr-info-band__row::before{
    animation: ilrBandGrooveShift 1600ms cubic-bezier(.22,.61,.36,1) 1;
  }
}

@keyframes ilrBandGrooveShift{
  0%{
    opacity: .16;
    transform: translateY(-50%) translateX(-10px);
  }
  45%{
    opacity: .29;
    transform: translateY(-50%) translateX(6px);
  }
  100%{
    opacity: .22;
    transform: translateY(-50%) translateX(0);
  }
}

/* tablet */
@media (max-width: 1024px){
  .elementor-20953 .elementor-element.elementor-element-fe9f0e3 .ilr-info-band__row{
    flex-wrap: wrap !important;
  }

  .elementor-20953 .elementor-element.elementor-element-fe9f0e3 .ilr-info-band__item{
    flex: 0 0 50% !important;
    max-width: 50% !important;
    min-height: 138px;
    padding: 24px 20px 22px;
    border-bottom: 1px solid rgba(255,255,255,.04);
  }

  .elementor-20953 .elementor-element.elementor-element-fe9f0e3 .ilr-info-band__item:nth-child(2)::after{
    display: none;
  }

  .elementor-20953 .elementor-element.elementor-element-fe9f0e3 .ilr-info-band__item:nth-last-child(-n+2){
    border-bottom: none;
  }
}

/* mobiel */
@media (max-width: 767px){
  .elementor-20953 .elementor-element.elementor-element-fe9f0e3 .ilr-info-band__row{
    flex-direction: column !important;
  }

  .elementor-20953 .elementor-element.elementor-element-fe9f0e3 .ilr-info-band__item{
    flex: 0 0 100% !important;
    max-width: 100% !important;
    min-height: auto;
    padding: 22px 20px;
    border-bottom: 1px solid rgba(255,255,255,.04);
  }

  .elementor-20953 .elementor-element.elementor-element-fe9f0e3 .ilr-info-band__item:last-child{
    border-bottom: none;
  }

  .elementor-20953 .elementor-element.elementor-element-fe9f0e3 .ilr-info-band__item::after{
    display: none !important;
  }

  .elementor-20953 .elementor-element.elementor-element-fe9f0e3 .ilr-info-band__eyebrow,
  .elementor-20953 .elementor-element.elementor-element-fe9f0e3 .ilr-info-band__text{
    max-width: 260px;
  }

  .elementor-20953 .elementor-element.elementor-element-fe9f0e3 .ilr-info-band__eyebrow .elementor-heading-title{
    font-size: 10.5px;
    letter-spacing: .15em;
  }

  .elementor-20953 .elementor-element.elementor-element-fe9f0e3 .ilr-info-band__text .elementor-text-editor,
  .elementor-20953 .elementor-element.elementor-element-fe9f0e3 .ilr-info-band__text p{
    font-size: 13.5px;
    line-height: 1.36;
  }
}





/* ======================================
ILR vinyl groove surface
====================================== */

.elementor-20953 .elementor-element.elementor-element-fe9f0e3::before{

  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;

  background:
    repeating-radial-gradient(
      circle at 50% 120%,
      rgba(255,255,255,.018) 0px,
      rgba(255,255,255,.018) 1px,
      transparent 1px,
      transparent 6px
    );

  opacity:.28;
}




.elementor-20953 .elementor-element.elementor-element-fe9f0e3 .ilr-info-band__item:not(:last-child)::after{

  content:"";
  position:absolute;
  right:0;
  top:24%;
  bottom:24%;
  width:1px;

  background:linear-gradient(
    180deg,
    transparent,
    rgba(141,55,255,.25),
    rgba(255,43,214,.25),
    transparent
  );

  opacity:.45;
}

.elementor-20953 .elementor-element.elementor-element-fe9f0e3 .ilr-info-band__icon i{

  filter:
  drop-shadow(0 0 6px rgba(141,55,255,.28))
  drop-shadow(0 0 18px rgba(255,43,214,.10));
}


.elementor-20953 .elementor-element.elementor-element-fe9f0e3{

  margin-top:-2px;

  background:
  radial-gradient(circle at 50% -30%, rgba(141,55,255,.12), transparent 60%),
  inherit;

}


/* =========================================================
   ILR — MINI VINYL CORE REFLECTION
   Subtiele plaat-illusie onder het midden van de band
========================================================= */

/* zorg dat de bestaande lagen goed stapelen */
.elementor-20953 .elementor-element.elementor-element-fe9f0e3{
  isolation:isolate;
}

/* centrale cirkelreflectie */
.elementor-20953 .elementor-element.elementor-element-fe9f0e3 .ilr-info-band__row{
  position:relative;
  z-index:2;
}

.elementor-20953 .elementor-element.elementor-element-fe9f0e3 .ilr-info-band__row::after{
  content:"";
  position:absolute;
  left:50%;
  top:58%;
  width:540px;
  height:540px;
  transform:translate(-50%,-50%);
  pointer-events:none;
  border-radius:50%;
  z-index:0;
  opacity:.22;

  background:
    radial-gradient(circle,
      rgba(255,255,255,.00) 0%,
      rgba(255,255,255,.00) 31%,
      rgba(230,142,255,.05) 37%,
      rgba(141,55,255,.08) 46%,
      rgba(255,43,214,.03) 52%,
      rgba(10,7,20,0) 64%),

    repeating-radial-gradient(circle,
      rgba(255,255,255,.020) 0px,
      rgba(255,255,255,.020) 1px,
      rgba(255,255,255,0) 1px,
      rgba(255,255,255,0) 8px);

  filter:
    blur(.2px)
    drop-shadow(0 0 26px rgba(141,55,255,.10))
    drop-shadow(0 0 54px rgba(255,43,214,.06));

  animation: ilrVinylBreath 14s ease-in-out infinite;
}

/* kleine inner core, nog subtieler */
.elementor-20953 .elementor-element.elementor-element-fe9f0e3 .ilr-info-band__row::before{
  content:"";
  position:absolute;
  left:50%;
  top:58%;
  width:132px;
  height:132px;
  transform:translate(-50%,-50%);
  pointer-events:none;
  border-radius:50%;
  z-index:0;
  opacity:.16;

  background:
    radial-gradient(circle,
      rgba(255,255,255,.06) 0%,
      rgba(230,142,255,.05) 16%,
      rgba(141,55,255,.06) 28%,
      rgba(10,7,20,.00) 62%);

  filter:
    blur(10px)
    drop-shadow(0 0 20px rgba(141,55,255,.12));
}

/* ultra-langzame micro-beweging */
@keyframes ilrVinylBreath{
  0%{
    transform:translate(-50%,-50%) scale(1) rotate(0deg);
    opacity:.18;
  }
  50%{
    transform:translate(-50%,-50%) scale(1.018) rotate(1deg);
    opacity:.25;
  }
  100%{
    transform:translate(-50%,-50%) scale(1) rotate(0deg);
    opacity:.18;
  }
}

/* responsief rustiger maken */
@media (max-width: 1024px){
  .elementor-20953 .elementor-element.elementor-element-fe9f0e3 .ilr-info-band__row::after{
    width:420px;
    height:420px;
    top:54%;
    opacity:.18;
  }

  .elementor-20953 .elementor-element.elementor-element-fe9f0e3 .ilr-info-band__row::before{
    width:104px;
    height:104px;
    top:54%;
    opacity:.13;
  }
}

@media (max-width: 767px){
  .elementor-20953 .elementor-element.elementor-element-fe9f0e3 .ilr-info-band__row::after,
  .elementor-20953 .elementor-element.elementor-element-fe9f0e3 .ilr-info-band__row::before{
    display:none;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7b684e4 */.elementor-20953 .elementor-element.elementor-element-7b684e4 .elementor-heading-title{
  margin: 0 !important;
  display: inline-block !important;
  position: relative !important;

  font-size: 12px !important;
  line-height: 1.05 !important;
  font-weight: 800 !important;
  letter-spacing: .20em !important;
  text-transform: uppercase !important;

  color: rgba(255,255,255,.46) !important;

  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;

  text-shadow: 0 0 18px rgba(141,55,255,.10);
}

.elementor-20953 .elementor-element.elementor-element-7b684e4 .elementor-heading-title::after{
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  margin-top: 10px;

  background: linear-gradient(
    90deg,
    rgba(255,255,255,.16) 0%,
    rgba(230,142,255,.14) 45%,
    rgba(255,255,255,0) 100%
  );

  opacity: .9;
}

@media (max-width: 1024px){
  .elementor-20953 .elementor-element.elementor-element-7b684e4 .elementor-heading-title{
    font-size: 11px !important;
    letter-spacing: .18em !important;
  }

  .elementor-20953 .elementor-element.elementor-element-7b684e4 .elementor-heading-title::after{
    margin-top: 9px;
  }
}

@media (max-width: 767px){
  .elementor-20953 .elementor-element.elementor-element-7b684e4 .elementor-heading-title{
    font-size: 10px !important;
    letter-spacing: .16em !important;
    line-height: 1.08 !important;
  }

  .elementor-20953 .elementor-element.elementor-element-7b684e4 .elementor-heading-title::after{
    margin-top: 8px;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0e9a9b2 */.elementor-20953 .elementor-element.elementor-element-0e9a9b2 .elementor-heading-title{
  margin: 0 !important;
  font-size: clamp(42px, 5vw, 64px) !important;
  line-height: .98 !important;
  font-weight: 800 !important;
  letter-spacing: -.035em !important;
  color: rgba(255,255,255,.96) !important;
  text-wrap: balance;
}

@media (max-width: 767px){
  .elementor-20953 .elementor-element.elementor-element-0e9a9b2 .elementor-heading-title{
    font-size: 32px !important;
    line-height: 1.02 !important;
  }
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-4460ba6 */.elementor-20953 .elementor-element.elementor-element-4460ba6{
height:1px;
background:
linear-gradient(90deg,
transparent,
rgba(255,255,255,.14),
transparent);
margin:1px 0;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d6869b3 */.elementor-20953 .elementor-element.elementor-element-d6869b3{
  margin: 0 !important;
  max-width: 620px;
  font-size: 17px !important;
  line-height: 1.52 !important;
  font-weight: 500 !important;
  color: rgba(255,255,255,.74) !important;
}

.elementor-20953 .elementor-element.elementor-element-d6869b3 p{
  margin: 0 !important;
  font-size: inherit !important;
  line-height: inherit !important;
  font-weight: inherit !important;
  color: inherit !important;
}

@media (max-width: 767px){
  .elementor-20953 .elementor-element.elementor-element-d6869b3{
    font-size: 16px !important;
    line-height: 1.5 !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e4074c5 */.elementor-20953 .elementor-element.elementor-element-e4074c5{
  max-width: 620px;
  margin: 0 0 1px 0;
}

.elementor-20953 .elementor-element.elementor-element-e4074c5 > .elementor-widget,
.elementor-20953 .elementor-element.elementor-element-e4074c5 > .e-con{
  margin-bottom: 0 !important;
}

@media (max-width: 767px){
  .elementor-20953 .elementor-element.elementor-element-e4074c5{
    margin-bottom: 1px;
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ecc63cc *//* ========================================================= 
   ILR — Hovertekst in bestaande Woo/Blocksy cover
   Alleen hovertekst + onderste fade
   Laat bestaande rand/hover/card-effecten met rust
   ========================================================= */

/* bestaande cover-wrapper alleen als positioneringsanker */
.elementor-20953 .elementor-element.elementor-element-ecc63cc .woocommerce ul.products li.product .ct-media-container,
.elementor-20953 .elementor-element.elementor-element-ecc63cc .woocommerce ul.products li.product .ct-image-container,
.elementor-20953 .elementor-element.elementor-element-ecc63cc .woocommerce ul.products li.product a.woocommerce-LoopProduct-link{
  position: relative !important;
  overflow: hidden !important;
}

/* alleen onderste zone donker maken */
.elementor-20953 .elementor-element.elementor-element-ecc63cc .woocommerce ul.products li.product .ct-media-container::after,
.elementor-20953 .elementor-element.elementor-element-ecc63cc .woocommerce ul.products li.product .ct-image-container::after,
.elementor-20953 .elementor-element.elementor-element-ecc63cc .woocommerce ul.products li.product a.woocommerce-LoopProduct-link::after{
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 24% !important;
  z-index: 4 !important;
  pointer-events: none !important;
  opacity: 0 !important;
  transition: opacity .26s ease !important;

  background: linear-gradient(
    180deg,
    rgba(7,5,15,0) 0%,
    rgba(7,5,15,.10) 24%,
    rgba(7,5,15,.46) 72%,
    rgba(7,5,15,.84) 100%
  ) !important;
}

/* tekstblok */
.elementor-20953 .elementor-element.elementor-element-ecc63cc .woocommerce ul.products li.product .ilr-hover-desc{
  position: absolute !important;
  left: 12px !important;
  right: 12px !important;
  bottom: 12px !important;
  z-index: 6 !important;

  margin: 0 !important;
  padding: 8px 10px !important;
  border-radius: 10px !important;

  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 4 !important;
  overflow: hidden !important;

  font-size: 12px !important;
  line-height: 1.34 !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;

  color: rgba(255,255,255,.96) !important;
  -webkit-text-fill-color: rgba(255,255,255,.96) !important;
  text-decoration: none !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.45) !important;

  background: linear-gradient(
    180deg,
    rgba(12,10,22,.38) 0%,
    rgba(9,7,18,.78) 100%
  ) !important;

  border: 1px solid rgba(255,255,255,.07) !important;
  box-shadow:
    0 8px 20px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.05) !important;

  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;

  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(8px) !important;
  transition:
    opacity .26s ease,
    transform .26s ease,
    visibility .26s ease !important;

  pointer-events: none !important;
}

/* hover */
@media (hover:hover){
  .elementor-20953 .elementor-element.elementor-element-ecc63cc .woocommerce ul.products li.product:hover .ct-media-container::after,
  .elementor-20953 .elementor-element.elementor-element-ecc63cc .woocommerce ul.products li.product:hover .ct-image-container::after,
  .elementor-20953 .elementor-element.elementor-element-ecc63cc .woocommerce ul.products li.product:hover a.woocommerce-LoopProduct-link::after{
    opacity: 1 !important;
  }

  .elementor-20953 .elementor-element.elementor-element-ecc63cc .woocommerce ul.products li.product:hover .ilr-hover-desc{
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
  }
}

.woocommerce ul.products li.product .ilr-label{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
  width: 100%;
}

.woocommerce ul.products li.product .ilr-label__text{
  flex: 1 1 auto;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
}

.woocommerce ul.products li.product .ilr-label__date{
  flex: 0 0 auto;
  white-space: nowrap;
  color: rgba(255,255,255,.62);
}


/* =========================================================
   ILR — artiest + albumtitel altijd 1 regel met ellipsis
   Zet dit ONDERAAN de bestaande kaart-CSS
========================================================= */

.elementor-20953 .elementor-element.elementor-element-ecc63cc .woocommerce ul.products li.product .woocommerce-loop-product__title,
.elementor-20953 .elementor-element.elementor-element-ecc63cc ul.products li.product .woocommerce-loop-product__title,
.elementor-20953 .elementor-element.elementor-element-ecc63cc .woocommerce ul.products li.product .ilr-albumtitel,
.elementor-20953 .elementor-element.elementor-element-ecc63cc ul.products li.product .ilr-albumtitel{
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

/* extra zekerheid als de titel-link of wrapper vreemd doet */
.elementor-20953 .elementor-element.elementor-element-ecc63cc .woocommerce ul.products li.product a .woocommerce-loop-product__title,
.elementor-20953 .elementor-element.elementor-element-ecc63cc ul.products li.product a .woocommerce-loop-product__title{
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-e7aa4ad */.elementor-20953 .elementor-element.elementor-element-e7aa4ad .elementor-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:12px 18px;
  border-radius:14px;
  border:1px solid rgba(255,43,214,.26);
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02)),
    rgba(255,43,214,.06);
  color:rgba(255,255,255,.92);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.03),
    0 8px 18px rgba(0,0,0,.16);
  font-size:13px;
  font-weight:600;
  letter-spacing:.01em;
  text-decoration:none;
  transition:
    transform .18s ease,
    background .18s ease,
    border-color .18s ease,
    box-shadow .18s ease;
}

.elementor-20953 .elementor-element.elementor-element-e7aa4ad .elementor-button:hover{
  transform:translateY(-1px);
  border-color:rgba(255,43,214,.36);
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03)),
    rgba(255,43,214,.10);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.04),
    0 12px 24px rgba(0,0,0,.22),
    0 0 22px rgba(255,43,214,.10);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dcbfde3 *//* =========================================================
   ILR — WOO PRODUCT CARD — SIGNATURE CARD PRO v2
   Voor nieuwe PHP-structuur:
   .ilr-loop-meta
   .ilr-albumtitel
   .ilr-editie
   .ilr-meta-row
   .ilr-label
   .ilr-release
   .ilr-submeta
   .ilr-tax
   ========================================================= */

/* =========================
   0) TOKENS
========================= */
.elementor-20953 .elementor-element.elementor-element-dcbfde3{
  --ilr-card-r: 22px;

  --ilr-bg-a: rgba(18, 12, 30, .88);
  --ilr-bg-b: rgba(10, 7, 20, .94);
  --ilr-bg-c: rgba(7, 5, 15, .98);

  --ilr-ink: rgba(255,255,255,.94);
  --ilr-sub: rgba(255,255,255,.76);
  --ilr-dim: rgba(255,255,255,.56);

  --ilr-line: rgba(255,255,255,.06);
  --ilr-line-2: rgba(255,255,255,.10);

  --ilr-pink: rgba(255,43,214,.92);
  --ilr-pink-soft: rgba(255,43,214,.18);
  --ilr-pink-faint: rgba(255,43,214,.08);

  --ilr-shadow-1: 0 10px 28px rgba(0,0,0,.34);
  --ilr-shadow-2: 0 18px 42px rgba(0,0,0,.48);

  --ilr-speed: .26s;
  --ilr-ease: cubic-bezier(.22,.61,.36,1);
}

/* =========================
   1) GRID
========================= */
.elementor-20953 .elementor-element.elementor-element-dcbfde3 .woocommerce ul.products,
.elementor-20953 .elementor-element.elementor-element-dcbfde3 ul.products{
  gap: 18px !important;
}

/* =========================
   2) PRODUCT CARD BASIS
========================= */
.elementor-20953 .elementor-element.elementor-element-dcbfde3 .woocommerce ul.products li.product,
.elementor-20953 .elementor-element.elementor-element-dcbfde3 ul.products li.product{
  position: relative !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 16px 16px 14px !important;
  border: 0 !important;
  border-radius: var(--ilr-card-r) !important;

  background:
    radial-gradient(120% 95% at 12% 0%, rgba(255,255,255,.045), rgba(255,255,255,0) 42%),
    linear-gradient(180deg, var(--ilr-bg-a) 0%, var(--ilr-bg-b) 58%, var(--ilr-bg-c) 100%) !important;

  box-shadow:
    var(--ilr-shadow-1),
    inset 0 0 0 1px var(--ilr-line) !important;

  transition:
    transform var(--ilr-speed) var(--ilr-ease),
    box-shadow var(--ilr-speed) var(--ilr-ease),
    background var(--ilr-speed) var(--ilr-ease) !important;
}

/* =========================
   3) LACQUER TOPCOAT
========================= */
.elementor-20953 .elementor-element.elementor-element-dcbfde3 .woocommerce ul.products li.product::before,
.elementor-20953 .elementor-element.elementor-element-dcbfde3 ul.products li.product::before{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  z-index: 0;

  background:
    linear-gradient(118deg,
      rgba(255,255,255,.12) 0%,
      rgba(255,255,255,.04) 16%,
      rgba(255,255,255,0) 38%,
      rgba(255,255,255,.03) 72%,
      rgba(255,255,255,0) 100%);
  opacity: .50;
}

/* =========================
   4) NEON EDGE
========================= */
.elementor-20953 .elementor-element.elementor-element-dcbfde3 .woocommerce ul.products li.product::after,
.elementor-20953 .elementor-element.elementor-element-dcbfde3 ul.products li.product::after{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  z-index: 1;

  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.04),
    inset 0 0 0 1px rgba(255,43,214,0);

  transition:
    box-shadow var(--ilr-speed) var(--ilr-ease),
    opacity var(--ilr-speed) var(--ilr-ease);
}

@media (hover:hover){
  .elementor-20953 .elementor-element.elementor-element-dcbfde3 .woocommerce ul.products li.product:hover,
  .elementor-20953 .elementor-element.elementor-element-dcbfde3 ul.products li.product:hover{
    transform: translateY(-4px) !important;
    box-shadow:
      var(--ilr-shadow-2),
      inset 0 0 0 1px var(--ilr-line-2) !important;

    background:
      radial-gradient(120% 95% at 12% 0%, rgba(255,255,255,.06), rgba(255,255,255,0) 42%),
      linear-gradient(180deg, rgba(22,15,36,.92) 0%, rgba(12,8,24,.96) 58%, rgba(8,5,16,.99) 100%) !important;
  }

  .elementor-20953 .elementor-element.elementor-element-dcbfde3 .woocommerce ul.products li.product:hover::after,
  .elementor-20953 .elementor-element.elementor-element-dcbfde3 ul.products li.product:hover::after{
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,.05),
      inset 0 0 0 1px rgba(255,43,214,.24),
      0 0 0 1px rgba(255,43,214,.10),
      0 0 22px rgba(255,43,214,.12);
  }
}
/* =========================
   5) PRODUCT LINK
========================= */
.elementor-20953 .elementor-element.elementor-element-dcbfde3 .woocommerce ul.products li.product a.woocommerce-LoopProduct-link,
.elementor-20953 .elementor-element.elementor-element-dcbfde3 ul.products li.product a.woocommerce-LoopProduct-link{
  position: relative !important;
  z-index: 3 !important;
  text-decoration: none !important;
  color: inherit !important;
}
/* =========================
   6) COVER
========================= */
.elementor-20953 .elementor-element.elementor-element-dcbfde3 .woocommerce ul.products li.product a.woocommerce-LoopProduct-link img,
.elementor-20953 .elementor-element.elementor-element-dcbfde3 ul.products li.product a.woocommerce-LoopProduct-link img{
  position: relative !important;
  z-index: 2 !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 0 14px 0 !important;
  border-radius: 14px !important;

  box-shadow:
    0 8px 22px rgba(0,0,0,.22),
    inset 0 0 0 1px rgba(255,255,255,.05) !important;

  transition:
    transform var(--ilr-speed) var(--ilr-ease),
    box-shadow var(--ilr-speed) var(--ilr-ease),
    filter var(--ilr-speed) var(--ilr-ease) !important;
}

@media (hover:hover){
  .elementor-20953 .elementor-element.elementor-element-dcbfde3 .woocommerce ul.products li.product:hover a.woocommerce-LoopProduct-link img,
  .elementor-20953 .elementor-element.elementor-element-dcbfde3 ul.products li.product:hover a.woocommerce-LoopProduct-link img{
    transform: translateY(-1px) scale(1.008) !important;
    box-shadow:
      0 12px 28px rgba(0,0,0,.28),
      inset 0 0 0 1px rgba(255,255,255,.07) !important;
    filter: saturate(1.03) brightness(1.02) !important;
  }
}

/* =========================
   7) WOO TITEL = ARTIEST
========================= */
.elementor-20953 .elementor-element.elementor-element-dcbfde3 .woocommerce ul.products li.product .woocommerce-loop-product__title,
.elementor-20953 .elementor-element.elementor-element-dcbfde3 ul.products li.product .woocommerce-loop-product__title{
  position: relative !important;
  z-index: 3 !important;
  margin: 0 0 4px 0 !important;
  padding: 0 !important;

  font-size: 17px !important;
  line-height: 1.22 !important;
  font-weight: 700 !important;
  letter-spacing: -.01em !important;
  color: var(--ilr-ink) !important;

  transition: color var(--ilr-speed) var(--ilr-ease) !important;
}

/* =========================
   8) EXTRA META WRAPPER
========================= */
.elementor-20953 .elementor-element.elementor-element-dcbfde3 .ilr-loop-meta{
  position: relative;
  z-index: 3;
  margin: 0 0 10px 0;
}

/* albumtitel */
.elementor-20953 .elementor-element.elementor-element-dcbfde3 .ilr-albumtitel{
  display: block;
  margin: 0 0 6px 0;
  text-decoration: none !important;
  font-size: 14px;
  line-height: 1.35;
  font-weight: 500;
  color: var(--ilr-sub) !important;

  transition: color var(--ilr-speed) var(--ilr-ease);
}

/* editie */
.elementor-20953 .elementor-element.elementor-element-dcbfde3 .ilr-editie{
  margin: 0 0 8px 0;
  font-size: 12px;
  line-height: 1.35;
  color: var(--ilr-dim);

  transition: color var(--ilr-speed) var(--ilr-ease);
}

/* label + release */
.elementor-20953 .elementor-element.elementor-element-dcbfde3 .ilr-meta-row{
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin: 0 0 10px 0;
}

.elementor-20953 .elementor-element.elementor-element-dcbfde3 .ilr-label,
.elementor-20953 .elementor-element.elementor-element-dcbfde3 .ilr-release{
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 4px 8px;
  border-radius: 999px;

  background: rgba(255,255,255,.045);
  border: 1px solid rgba(255,255,255,.05);
  color: var(--ilr-dim);

  font-size: 12px;
  line-height: 1.2;

  transition:
    color var(--ilr-speed) var(--ilr-ease),
    border-color var(--ilr-speed) var(--ilr-ease),
    background var(--ilr-speed) var(--ilr-ease);
}

/* tax tags */
.elementor-20953 .elementor-element.elementor-element-dcbfde3 .ilr-submeta{
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin: 0;
}

.elementor-20953 .elementor-element.elementor-element-dcbfde3 .ilr-tax{
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 4px 8px;
  border-radius: 999px;

  background: rgba(255,255,255,.045);
  border: 1px solid rgba(255,255,255,.05);
  color: var(--ilr-dim) !important;

  font-size: 12px;
  line-height: 1.2;
  text-decoration: none !important;

  transition:
    color var(--ilr-speed) var(--ilr-ease),
    border-color var(--ilr-speed) var(--ilr-ease),
    background var(--ilr-speed) var(--ilr-ease),
    transform var(--ilr-speed) var(--ilr-ease);
}

/* =========================
   9) PRIJS
========================= */
.elementor-20953 .elementor-element.elementor-element-dcbfde3 .woocommerce ul.products li.product .price,
.elementor-20953 .elementor-element.elementor-element-dcbfde3 ul.products li.product .price{
  position: relative !important;
  z-index: 3 !important;
  display: block !important;
  margin: 2px 0 12px 0 !important;
  padding: 0 !important;

  font-size: 17px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  color: var(--ilr-ink) !important;

  transition: color var(--ilr-speed) var(--ilr-ease) !important;
}

.elementor-20953 .elementor-element.elementor-element-dcbfde3 .woocommerce ul.products li.product .price del,
.elementor-20953 .elementor-element.elementor-element-dcbfde3 ul.products li.product .price del{
  opacity: .54 !important;
  color: var(--ilr-dim) !important;
}

.elementor-20953 .elementor-element.elementor-element-dcbfde3 .woocommerce ul.products li.product .price ins,
.elementor-20953 .elementor-element.elementor-element-dcbfde3 ul.products li.product .price ins{
  text-decoration: none !important;
  color: inherit !important;
}

/* =========================
   10) BUTTON
========================= */
.elementor-20953 .elementor-element.elementor-element-dcbfde3 .woocommerce ul.products li.product .button,
.elementor-20953 .elementor-element.elementor-element-dcbfde3 ul.products li.product .button{
  position: relative !important;
  z-index: 4 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;

  width: 100% !important;
  min-width: 0 !important;
  height: 42px !important;
  min-height: 42px !important;
  box-sizing: border-box !important;

  margin: 0 !important;
  padding: 0 16px !important;
  border-radius: 14px !important;

  border: 1px solid rgba(255,43,214,.26) !important;
  background: rgba(255,43,214,.06) !important;
  color: var(--ilr-ink) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 8px 18px rgba(0,0,0,.16) !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: -0.01em !important;
  text-decoration: none !important;
  text-align: center !important;

  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;

  transition:
    background-color .18s ease,
    border-color .18s ease,
    transform .18s ease,
    box-shadow .18s ease,
    color .18s ease !important;
}

/* hover / focus */
.elementor-20953 .elementor-element.elementor-element-dcbfde3 .woocommerce ul.products li.product .button:hover,
.elementor-20953 .elementor-element.elementor-element-dcbfde3 ul.products li.product .button:hover,
.elementor-20953 .elementor-element.elementor-element-dcbfde3 .woocommerce ul.products li.product .button:focus,
.elementor-20953 .elementor-element.elementor-element-dcbfde3 ul.products li.product .button:focus{
  background: rgba(255,43,214,.10) !important;
  border-color: rgba(255,43,214,.36) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 6px 14px rgba(0,0,0,.16) !important;
  color: #fff !important;
  transform: translateY(-1px) !important;
  outline: none !important;
}


/* =========================
   10B) BUTTON HOVER FIX
   Nieuwe structuur met .ilr-loop-cta-cart
========================= */
.elementor-20953 .elementor-element.elementor-element-dcbfde3 .woocommerce ul.products li.product .ct-woo-card-actions,
.elementor-20953 .elementor-element.elementor-element-dcbfde3 ul.products li.product .ct-woo-card-actions{
  position: relative !important;
  z-index: 5 !important;
}

.elementor-20953 .elementor-element.elementor-element-dcbfde3 .woocommerce ul.products li.product .ilr-loop-cta-cart > a.button,
.elementor-20953 .elementor-element.elementor-element-dcbfde3 .woocommerce ul.products li.product .ilr-loop-cta-cart > a.add_to_cart_button,
.elementor-20953 .elementor-element.elementor-element-dcbfde3 ul.products li.product .ilr-loop-cta-cart > a.button,
.elementor-20953 .elementor-element.elementor-element-dcbfde3 ul.products li.product .ilr-loop-cta-cart > a.add_to_cart_button{
  position: relative !important;
  z-index: 6 !important;
  width: 100% !important;
  pointer-events: auto !important;
  background: rgba(255,43,214,.06) !important;
  border: 1px solid rgba(255,43,214,.26) !important;
  color: rgba(255,255,255,.92) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
  transition:
    background-color .18s ease,
    border-color .18s ease,
    transform .18s ease,
    box-shadow .18s ease,
    color .18s ease !important;
}

.elementor-20953 .elementor-element.elementor-element-dcbfde3 .woocommerce ul.products li.product .ilr-loop-cta-cart > a.button:hover,
.elementor-20953 .elementor-element.elementor-element-dcbfde3 .woocommerce ul.products li.product .ilr-loop-cta-cart > a.button:focus,
.elementor-20953 .elementor-element.elementor-element-dcbfde3 .woocommerce ul.products li.product .ilr-loop-cta-cart > a.button:active,
.elementor-20953 .elementor-element.elementor-element-dcbfde3 .woocommerce ul.products li.product .ilr-loop-cta-cart > a.add_to_cart_button:hover,
.elementor-20953 .elementor-element.elementor-element-dcbfde3 .woocommerce ul.products li.product .ilr-loop-cta-cart > a.add_to_cart_button:focus,
.elementor-20953 .elementor-element.elementor-element-dcbfde3 .woocommerce ul.products li.product .ilr-loop-cta-cart > a.add_to_cart_button:active,
.elementor-20953 .elementor-element.elementor-element-dcbfde3 ul.products li.product .ilr-loop-cta-cart > a.button:hover,
.elementor-20953 .elementor-element.elementor-element-dcbfde3 ul.products li.product .ilr-loop-cta-cart > a.button:focus,
.elementor-20953 .elementor-element.elementor-element-dcbfde3 ul.products li.product .ilr-loop-cta-cart > a.button:active,
.elementor-20953 .elementor-element.elementor-element-dcbfde3 ul.products li.product .ilr-loop-cta-cart > a.add_to_cart_button:hover,
.elementor-20953 .elementor-element.elementor-element-dcbfde3 ul.products li.product .ilr-loop-cta-cart > a.add_to_cart_button:focus,
.elementor-20953 .elementor-element.elementor-element-dcbfde3 ul.products li.product .ilr-loop-cta-cart > a.add_to_cart_button:active{
  background: rgba(255,43,214,.10) !important;
  border-color: rgba(255,43,214,.36) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 6px 14px rgba(0,0,0,.16) !important;
  color: #fff !important;
  transform: translateY(-1px) !important;
  outline: none !important;
}


/* =========================
   11) SALE BADGE
========================= */
.elementor-20953 .elementor-element.elementor-element-dcbfde3 .woocommerce ul.products li.product .onsale,
.elementor-20953 .elementor-element.elementor-element-dcbfde3 ul.products li.product .onsale{
  top: 12px !important;
  left: 12px !important;
  right: auto !important;
  min-height: unset !important;
  min-width: unset !important;
  margin: 0 !important;
  padding: 7px 10px !important;
  border-radius: 999px !important;

  background: rgba(255,43,214,.88) !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  box-shadow: 0 10px 20px rgba(0,0,0,.22) !important;

  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  letter-spacing: .03em !important;
  text-transform: uppercase !important;
  z-index: 5 !important;
}

/* =========================
   12) HOVER SYNCHROON
========================= */
@media (hover:hover){
  .elementor-20953 .elementor-element.elementor-element-dcbfde3 .woocommerce ul.products li.product:hover .woocommerce-loop-product__title,
  .elementor-20953 .elementor-element.elementor-element-dcbfde3 ul.products li.product:hover .woocommerce-loop-product__title{
    color: #ffd6fb !important;
  }

  .elementor-20953 .elementor-element.elementor-element-dcbfde3 .woocommerce ul.products li.product:hover .ilr-albumtitel,
  .elementor-20953 .elementor-element.elementor-element-dcbfde3 ul.products li.product:hover .ilr-albumtitel,
  .elementor-20953 .elementor-element.elementor-element-dcbfde3 .woocommerce ul.products li.product:hover .price,
  .elementor-20953 .elementor-element.elementor-element-dcbfde3 ul.products li.product:hover .price{
    color: rgba(255,255,255,.92) !important;
  }

  .elementor-20953 .elementor-element.elementor-element-dcbfde3 .woocommerce ul.products li.product:hover .ilr-editie,
  .elementor-20953 .elementor-element.elementor-element-dcbfde3 ul.products li.product:hover .ilr-editie{
    color: rgba(255,255,255,.72) !important;
  }

  .elementor-20953 .elementor-element.elementor-element-dcbfde3 .woocommerce ul.products li.product:hover .ilr-label,
  .elementor-20953 .elementor-element.elementor-element-dcbfde3 ul.products li.product:hover .ilr-label,
  .elementor-20953 .elementor-element.elementor-element-dcbfde3 .woocommerce ul.products li.product:hover .ilr-release,
  .elementor-20953 .elementor-element.elementor-element-dcbfde3 ul.products li.product:hover .ilr-release,
  .elementor-20953 .elementor-element.elementor-element-dcbfde3 .woocommerce ul.products li.product:hover .ilr-tax,
  .elementor-20953 .elementor-element.elementor-element-dcbfde3 ul.products li.product:hover .ilr-tax{
    border-color: rgba(255,43,214,.14) !important;
    background: rgba(255,43,214,.07) !important;
    color: rgba(255,255,255,.84) !important;
  }

  .elementor-20953 .elementor-element.elementor-element-dcbfde3 .woocommerce ul.products li.product:hover .button,
  .elementor-20953 .elementor-element.elementor-element-dcbfde3 ul.products li.product:hover .button{
    transform: translateY(-1px) !important;
    border-color: rgba(255,43,214,.36) !important;
    background:
      linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02)),
      rgba(255,43,214,.10) !important;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,.04),
      0 10px 22px rgba(0,0,0,.22),
      0 0 0 1px rgba(255,43,214,.08) !important;
  }

  .elementor-20953 .elementor-element.elementor-element-dcbfde3 .woocommerce ul.products li.product:hover .ilr-tax:hover,
  .elementor-20953 .elementor-element.elementor-element-dcbfde3 ul.products li.product:hover .ilr-tax:hover{
    transform: translateY(-1px);
  }
}

/* =========================
   13) RATING
========================= */
.elementor-20953 .elementor-element.elementor-element-dcbfde3 .woocommerce ul.products li.product .star-rating,
.elementor-20953 .elementor-element.elementor-element-dcbfde3 ul.products li.product .star-rating{
  position: relative !important;
  z-index: 3 !important;
  margin: 0 0 8px 0 !important;
  color: rgba(255,43,214,.92) !important;
  font-size: 12px !important;
}

/* =========================
   14) FOCUS
========================= */
.elementor-20953 .elementor-element.elementor-element-dcbfde3 .woocommerce ul.products li.product a:focus-visible,
.elementor-20953 .elementor-element.elementor-element-dcbfde3 ul.products li.product a:focus-visible,
.elementor-20953 .elementor-element.elementor-element-dcbfde3 .woocommerce ul.products li.product .button:focus-visible,
.elementor-20953 .elementor-element.elementor-element-dcbfde3 ul.products li.product .button:focus-visible{
  outline: 2px solid rgba(255,43,214,.42) !important;
  outline-offset: 2px !important;
}

/* =========================
   15) MOBILE
========================= */
@media (max-width: 767px){
  .elementor-20953 .elementor-element.elementor-element-dcbfde3 .woocommerce ul.products li.product,
  .elementor-20953 .elementor-element.elementor-element-dcbfde3 ul.products li.product{
    padding: 13px 13px 12px !important;
    border-radius: 18px !important;
  }

  .elementor-20953 .elementor-element.elementor-element-dcbfde3 .woocommerce ul.products li.product .woocommerce-loop-product__title,
  .elementor-20953 .elementor-element.elementor-element-dcbfde3 ul.products li.product .woocommerce-loop-product__title{
    font-size: 15px !important;
  }

  .elementor-20953 .elementor-element.elementor-element-dcbfde3 .ilr-albumtitel{
    font-size: 13px;
  }

  .elementor-20953 .elementor-element.elementor-element-dcbfde3 .woocommerce ul.products li.product .price,
  .elementor-20953 .elementor-element.elementor-element-dcbfde3 ul.products li.product .price{
    font-size: 15px !important;
  }

  .elementor-20953 .elementor-element.elementor-element-dcbfde3 .woocommerce ul.products li.product .button,
  .elementor-20953 .elementor-element.elementor-element-dcbfde3 ul.products li.product .button{
    min-height: 40px !important;
    padding: 9px 12px !important;
    font-size: 12px !important;
    border-radius: 12px !important;
  }
}

/* =========================
   16) REDUCED MOTION
========================= */
@media (prefers-reduced-motion: reduce){
  .elementor-20953 .elementor-element.elementor-element-dcbfde3 .woocommerce ul.products li.product,
  .elementor-20953 .elementor-element.elementor-element-dcbfde3 ul.products li.product,
  .elementor-20953 .elementor-element.elementor-element-dcbfde3 .woocommerce ul.products li.product::after,
  .elementor-20953 .elementor-element.elementor-element-dcbfde3 ul.products li.product::after,
  .elementor-20953 .elementor-element.elementor-element-dcbfde3 .woocommerce ul.products li.product a.woocommerce-LoopProduct-link img,
  .elementor-20953 .elementor-element.elementor-element-dcbfde3 ul.products li.product a.woocommerce-LoopProduct-link img,
  .elementor-20953 .elementor-element.elementor-element-dcbfde3 .woocommerce ul.products li.product .woocommerce-loop-product__title,
  .elementor-20953 .elementor-element.elementor-element-dcbfde3 ul.products li.product .woocommerce-loop-product__title,
  .elementor-20953 .elementor-element.elementor-element-dcbfde3 .woocommerce ul.products li.product .price,
  .elementor-20953 .elementor-element.elementor-element-dcbfde3 ul.products li.product .price,
  .elementor-20953 .elementor-element.elementor-element-dcbfde3 .woocommerce ul.products li.product .button,
  .elementor-20953 .elementor-element.elementor-element-dcbfde3 ul.products li.product .button,
  .elementor-20953 .elementor-element.elementor-element-dcbfde3 .ilr-loop-meta,
  .elementor-20953 .elementor-element.elementor-element-dcbfde3 .ilr-albumtitel,
  .elementor-20953 .elementor-element.elementor-element-dcbfde3 .ilr-editie,
  .elementor-20953 .elementor-element.elementor-element-dcbfde3 .ilr-meta-row,
  .elementor-20953 .elementor-element.elementor-element-dcbfde3 .ilr-label,
  .elementor-20953 .elementor-element.elementor-element-dcbfde3 .ilr-release,
  .elementor-20953 .elementor-element.elementor-element-dcbfde3 .ilr-submeta,
  .elementor-20953 .elementor-element.elementor-element-dcbfde3 .ilr-tax{
    transition: none !important;
  }
}
.elementor-20953 .elementor-element.elementor-element-dcbfde3 .woocommerce ul.products li.product li.meta-categories{
  display: none !important;
}

.elementor-20953 .elementor-element.elementor-element-dcbfde3 .woocommerce ul.products li.product ul.entry-meta{
  display: none !important;
}



.elementor-20953 .elementor-element.elementor-element-dcbfde3 .woocommerce ul.products li.product{
  flex: 0 0 300px !important;
  width: 280px !important;
  max-width: 280px !important;
}

/* ILR — kaart compacter in hoogte */
.elementor-20953 .elementor-element.elementor-element-dcbfde3 .woocommerce ul.products li.product{
  padding-bottom: 12px !important;
}

/* minder ruimte onder cover */
.elementor-20953 .elementor-element.elementor-element-dcbfde3 .woocommerce ul.products li.product a.woocommerce-LoopProduct-link img{
  margin-bottom: 5px !important;
}

/* tekstblokken compacter */
.elementor-20953 .elementor-element.elementor-element-dcbfde3 .woocommerce ul.products li.product .woocommerce-loop-product__title{
  margin-bottom: 1px !important;
}

.elementor-20953 .elementor-element.elementor-element-dcbfde3 .woocommerce ul.products li.product .ilr-albumtitel{
  margin-bottom: 5px !important;
  line-height: 1.18 !important;
}

.elementor-20953 .elementor-element.elementor-element-dcbfde3 .woocommerce ul.products li.product .ilr-editie{
  margin-top: 0 !important;
  margin-bottom: 8px !important;
}

/* label compacter */
.elementor-20953 .elementor-element.elementor-element-dcbfde3 .woocommerce ul.products li.product .ilr-label,
.elementor-20953 .elementor-element.elementor-element-dcbfde3 .woocommerce ul.products li.product .ilr-release{
  margin-bottom: 8px !important;
  padding: 4px 10px !important;
}

/* tags compacter */
.elementor-20953 .elementor-element.elementor-element-dcbfde3 .woocommerce ul.products li.product .ilr-taxline{
  margin-bottom: 8px !important;
}

.elementor-20953 .elementor-element.elementor-element-dcbfde3 .woocommerce ul.products li.product .price{
  margin-bottom: 10px !important;
}

/* knop iets minder hoog */
.elementor-20953 .elementor-element.elementor-element-dcbfde3 .woocommerce ul.products li.product .button,
.elementor-20953 .elementor-element.elementor-element-dcbfde3 .woocommerce ul.products li.product .add_to_cart_button,
.elementor-20953 .elementor-element.elementor-element-dcbfde3 .woocommerce ul.products li.product a.added_to_cart{
  min-height: 40px !important;
  padding: 9px 14px !important;
}





/* ILR — titelzone dichter op cover */
.elementor-20953 .elementor-element.elementor-element-dcbfde3 .woocommerce ul.products li.product .woocommerce-loop-product__title{
  margin-top: -10px !important;
}

/* albumtitel iets compacter */
.elementor-20953 .elementor-element.elementor-element-dcbfde3 .woocommerce ul.products li.product .ilr-albumtitel{
  margin-top: -2px !important;
}

/* editie iets omhoog */
.elementor-20953 .elementor-element.elementor-element-dcbfde3 .woocommerce ul.products li.product .ilr-editie{
  margin-top: 4px !important;
}

/* ILR — kaart standaard iets kleiner */
.elementor-20953 .elementor-element.elementor-element-dcbfde3 .woocommerce ul.products li.product{
  transform: scale(.97) !important;
  transform-origin: top center;
}

/* ILR — hover behoudt schaal + lift */
@media (hover:hover){
  .elementor-20953 .elementor-element.elementor-element-dcbfde3 .woocommerce ul.products li.product:hover{
    transform: scale(.97) translateY(-4px) !important;
  }
}




/* =========================================================
   ILR — Light sweep ALLEEN over de cover in Woo/Blocksy cards
   Plaats in de Custom CSS van de shortcode-widget/container
   ========================================================= */

/* Alleen de mogelijke image/media wrappers als positioning context */
.elementor-20953 .elementor-element.elementor-element-dcbfde3 .woocommerce ul.products li.product .ct-media-container,
.elementor-20953 .elementor-element.elementor-element-dcbfde3 .woocommerce ul.products li.product .ct-image-container,
.elementor-20953 .elementor-element.elementor-element-dcbfde3 .woocommerce ul.products li.product .attachment-woocommerce_thumbnail,
.elementor-20953 .elementor-element.elementor-element-dcbfde3 .woocommerce ul.products li.product .woocommerce-loop-product__link img,
.elementor-20953 .elementor-element.elementor-element-dcbfde3 .woocommerce ul.products li.product a.woocommerce-LoopProduct-link .ct-media-container,
.elementor-20953 .elementor-element.elementor-element-dcbfde3 .woocommerce ul.products li.product a.woocommerce-LoopProduct-link .ct-image-container{
  position: relative !important;
}

/* Sweep op de WRAPPER, niet op de hele shortcode-container */
.elementor-20953 .elementor-element.elementor-element-dcbfde3 .woocommerce ul.products li.product .ct-media-container::after,
.elementor-20953 .elementor-element.elementor-element-dcbfde3 .woocommerce ul.products li.product .ct-image-container::after,
.elementor-20953 .elementor-element.elementor-element-dcbfde3 .woocommerce ul.products li.product a.woocommerce-LoopProduct-link .ct-media-container::after,
.elementor-20953 .elementor-element.elementor-element-dcbfde3 .woocommerce ul.products li.product a.woocommerce-LoopProduct-link .ct-image-container::after{
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  left: -38% !important;
  width: 22% !important;
  pointer-events: none !important;
  z-index: 3 !important;
  opacity: 0 !important;

  background: linear-gradient(
    115deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0.00) 30%,
    rgba(255,255,255,0.08) 45%,
    rgba(255,255,255,0.22) 50%,
    rgba(255,255,255,0.08) 55%,
    rgba(255,255,255,0.00) 70%,
    rgba(255,255,255,0) 100%
  ) !important;

  transform: skewX(-18deg) !important;
  transition:
    left .7s ease,
    opacity .18s ease !important;
}

/* Hover per productkaart */
@media (hover:hover){
  .elementor-20953 .elementor-element.elementor-element-dcbfde3 .woocommerce ul.products li.product:hover .ct-media-container::after,
  .elementor-20953 .elementor-element.elementor-element-dcbfde3 .woocommerce ul.products li.product:hover .ct-image-container::after,
  .elementor-20953 .elementor-element.elementor-element-dcbfde3 .woocommerce ul.products li.product:hover a.woocommerce-LoopProduct-link .ct-media-container::after,
  .elementor-20953 .elementor-element.elementor-element-dcbfde3 .woocommerce ul.products li.product:hover a.woocommerce-LoopProduct-link .ct-image-container::after{
    left: 118% !important;
    opacity: 1 !important;
  }
}



/* =========================================================
   ILR — CTA ROW FIX
   Wishlist links naast winkelwagen, niet erboven
========================================================= */

/* action zone zelf */
.elementor-20953 .elementor-element.elementor-element-dcbfde3 .woocommerce ul.products li.product .ct-woo-card-actions,
.elementor-20953 .elementor-element.elementor-element-dcbfde3 ul.products li.product .ct-woo-card-actions{
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* de nieuwe rij die via PHP is geïnjecteerd */
.elementor-20953 .elementor-element.elementor-element-dcbfde3 .woocommerce ul.products li.product .ilr-loop-cta-row,
.elementor-20953 .elementor-element.elementor-element-dcbfde3 ul.products li.product .ilr-loop-cta-row{
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: nowrap !important;
  gap: 10px !important;

  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* wishlist kolom */
.elementor-20953 .elementor-element.elementor-element-dcbfde3 .woocommerce ul.products li.product .ilr-loop-cta-wish,
.elementor-20953 .elementor-element.elementor-element-dcbfde3 ul.products li.product .ilr-loop-cta-wish{
  flex: 0 0 38px !important;
  width: 32px !important;
  min-width: 32px !important;
  max-width: 32px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  margin: 0 !important;
  padding: 0 !important;
}

/* pak de TI wrappers hard aan */
.elementor-20953 .elementor-element.elementor-element-dcbfde3 .woocommerce ul.products li.product .ilr-loop-cta-wish .tinv-wraper,
.elementor-20953 .elementor-element.elementor-element-dcbfde3 ul.products li.product .ilr-loop-cta-wish .tinv-wraper{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 32px !important;
  min-width: 32px !important;
  max-width: 32px !important;

  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
}

.elementor-20953 .elementor-element.elementor-element-dcbfde3 .woocommerce ul.products li.product .ilr-loop-cta-wish .tinvwl_add_to_wishlist_button,
.elementor-20953 .elementor-element.elementor-element-dcbfde3 ul.products li.product .ilr-loop-cta-wish .tinvwl_add_to_wishlist_button{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  margin: 0 !important;
  padding: 0 !important;
  vertical-align: top !important;
}

/* cart kolom */
.elementor-20953 .elementor-element.elementor-element-dcbfde3 .woocommerce ul.products li.product .ilr-loop-cta-cart,
.elementor-20953 .elementor-element.elementor-element-dcbfde3 ul.products li.product .ilr-loop-cta-cart{
  flex: 1 1 auto !important;
  min-width: 0 !important;

  display: flex !important;
  align-items: stretch !important;
  justify-content: flex-start !important;

  margin: 0 !important;
  padding: 0 !important;
}

/* knop vult resterende breedte */
.elementor-20953 .elementor-element.elementor-element-dcbfde3 .woocommerce ul.products li.product .ilr-loop-cta-cart > a.button,
.elementor-20953 .elementor-element.elementor-element-dcbfde3 .woocommerce ul.products li.product .ilr-loop-cta-cart > a.add_to_cart_button,
.elementor-20953 .elementor-element.elementor-element-dcbfde3 ul.products li.product .ilr-loop-cta-cart > a.button,
.elementor-20953 .elementor-element.elementor-element-dcbfde3 ul.products li.product .ilr-loop-cta-cart > a.add_to_cart_button{
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}

/* voorkom rare plugin spacing */
.elementor-20953 .elementor-element.elementor-element-dcbfde3 .woocommerce ul.products li.product .ilr-loop-cta-wish *,
.elementor-20953 .elementor-element.elementor-element-dcbfde3 .woocommerce ul.products li.product .ilr-loop-cta-cart *,
.elementor-20953 .elementor-element.elementor-element-dcbfde3 ul.products li.product .ilr-loop-cta-wish *,
.elementor-20953 .elementor-element.elementor-element-dcbfde3 ul.products li.product .ilr-loop-cta-cart *{
  box-sizing: border-box !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-324462b */.elementor-20953 .elementor-element.elementor-element-324462b .elementor-heading-title{
  margin: 0 !important;
  display: inline-block !important;
  position: relative !important;

  font-size: 12px !important;
  line-height: 1.05 !important;
  font-weight: 800 !important;
  letter-spacing: .20em !important;
  text-transform: uppercase !important;

  color: rgba(255,255,255,.46) !important;

  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;

  text-shadow: 0 0 18px rgba(141,55,255,.10);
}

.elementor-20953 .elementor-element.elementor-element-324462b .elementor-heading-title::after{
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  margin-top: 10px;

  background: linear-gradient(
    90deg,
    rgba(255,255,255,.16) 0%,
    rgba(230,142,255,.14) 45%,
    rgba(255,255,255,0) 100%
  );

  opacity: .9;
}

@media (max-width: 1024px){
  .elementor-20953 .elementor-element.elementor-element-324462b .elementor-heading-title{
    font-size: 11px !important;
    letter-spacing: .18em !important;
  }

  .elementor-20953 .elementor-element.elementor-element-324462b .elementor-heading-title::after{
    margin-top: 9px;
  }
}

@media (max-width: 767px){
  .elementor-20953 .elementor-element.elementor-element-324462b .elementor-heading-title{
    font-size: 10px !important;
    letter-spacing: .16em !important;
    line-height: 1.08 !important;
  }

  .elementor-20953 .elementor-element.elementor-element-324462b .elementor-heading-title::after{
    margin-top: 8px;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-91c2bb2 */.elementor-20953 .elementor-element.elementor-element-91c2bb2 .elementor-heading-title{
  margin: 0 !important;
  font-size: clamp(42px, 5vw, 64px) !important;
  line-height: .98 !important;
  font-weight: 800 !important;
  letter-spacing: -.035em !important;
  color: rgba(255,255,255,.96) !important;
  text-wrap: balance;
}

@media (max-width: 767px){
  .elementor-20953 .elementor-element.elementor-element-91c2bb2 .elementor-heading-title{
    font-size: 32px !important;
    line-height: 1.02 !important;
  }
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-bf3fb63 */.elementor-20953 .elementor-element.elementor-element-bf3fb63{
height:1px;
background:
linear-gradient(90deg,
transparent,
rgba(255,255,255,.14),
transparent);
margin:40px 0;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-486cbcc */.elementor-20953 .elementor-element.elementor-element-486cbcc{
  margin: 0 !important;
  max-width: 620px;
  font-size: 17px !important;
  line-height: 1.52 !important;
  font-weight: 500 !important;
  color: rgba(255,255,255,.74) !important;
}

.elementor-20953 .elementor-element.elementor-element-486cbcc p{
  margin: 0 !important;
  font-size: inherit !important;
  line-height: inherit !important;
  font-weight: inherit !important;
  color: inherit !important;
}

@media (max-width: 767px){
  .elementor-20953 .elementor-element.elementor-element-486cbcc{
    font-size: 16px !important;
    line-height: 1.5 !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-323c657 */.elementor-20953 .elementor-element.elementor-element-323c657{
  max-width: 620px;
  margin: 0 0 20px 0;
}

.elementor-20953 .elementor-element.elementor-element-323c657 > .elementor-widget,
.elementor-20953 .elementor-element.elementor-element-323c657 > .e-con{
  margin-bottom: 0 !important;
}

@media (max-width: 767px){
  .elementor-20953 .elementor-element.elementor-element-323c657{
    margin-bottom: 0px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-37283ef *//* =========================================================
   ILR — SPOTLIGHT META
   Definitieve, opgeschoonde versie
   Voor:
   - ilr-spotlight-meta
   - il-artist-labels
   - ilr-meta-label
   - ilr-artist-values
   - ilr-meta-value
   - ilr-section-label
   - ilr-dna-line
   ========================================================= */

.elementor-20953 .elementor-element.elementor-element-37283ef{
  position: relative;
  z-index: 5;
  max-width: 430px;
  padding-top: 12px;
}

/* -----------------------------------------
   subtiele divider boven meta
----------------------------------------- */
.elementor-20953 .elementor-element.elementor-element-37283ef::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 54px;
  height: 1px;
  background: linear-gradient(
    90deg,
    rgba(255,255,255,.14) 0%,
    rgba(141,55,255,.18) 58%,
    rgba(255,43,214,0) 100%
  );
}

/* -----------------------------------------
   bio
----------------------------------------- */
.elementor-20953 .elementor-element.elementor-element-37283ef .elementor-widget-text-editor,
.elementor-20953 .elementor-element.elementor-element-37283ef .elementor-widget-text-editor p{
  margin: 0 !important;
  color: rgba(255,255,255,.66) !important;
  line-height: 1.44 !important;
}

/* -----------------------------------------
   labels row + values row
   exact dezelfde kolommen
----------------------------------------- */
.elementor-20953 .elementor-element.elementor-element-37283ef .il-artist-labels,
.elementor-20953 .elementor-element.elementor-element-37283ef .ilr-artist-values{
  display: grid !important;
  grid-template-columns: 82px 118px 96px;
  column-gap: 14px;
  align-items: start;
  justify-content: start;
  width: 100%;
}

/* labels row spacing */
.elementor-20953 .elementor-element.elementor-element-37283ef .il-artist-labels{
  margin-top: 14px;
  margin-bottom: 8px;
}

/* values row spacing */
.elementor-20953 .elementor-element.elementor-element-37283ef .ilr-artist-values{
  margin-bottom: 28px;
}

/* directe widgets in beide rijen strak zetten */
.elementor-20953 .elementor-element.elementor-element-37283ef .il-artist-labels > .elementor-widget,
.elementor-20953 .elementor-element.elementor-element-37283ef .ilr-artist-values > .elementor-widget{
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* -----------------------------------------
   labels
----------------------------------------- */
.elementor-20953 .elementor-element.elementor-element-37283ef .il-artist-labels .ilr-meta-label,
.elementor-20953 .elementor-element.elementor-element-37283ef .il-artist-labels .ilr-meta-label.elementor-widget,
.elementor-20953 .elementor-element.elementor-element-37283ef .il-artist-labels .ilr-meta-label.elementor-widget-heading{
  margin: 0 !important;
  padding: 0 !important;
}

.elementor-20953 .elementor-element.elementor-element-37283ef .il-artist-labels .ilr-meta-label .elementor-heading-title,
.elementor-20953 .elementor-element.elementor-element-37283ef .il-artist-labels .ilr-meta-label.elementor-widget-heading .elementor-heading-title{
  margin: 0 !important;
  padding: 0 !important;
  font-size: 9px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  letter-spacing: .20em !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,.36) !important;
  white-space: nowrap !important;
}

/* -----------------------------------------
   values
----------------------------------------- */
.elementor-20953 .elementor-element.elementor-element-37283ef .ilr-artist-values .ilr-meta-value,
.elementor-20953 .elementor-element.elementor-element-37283ef .ilr-artist-values .ilr-meta-value.elementor-widget,
.elementor-20953 .elementor-element.elementor-element-37283ef .ilr-artist-values .ilr-meta-value.elementor-widget-heading{
  margin: 0 !important;
  padding: 0 !important;
}

.elementor-20953 .elementor-element.elementor-element-37283ef .ilr-artist-values .ilr-meta-value .elementor-heading-title,
.elementor-20953 .elementor-element.elementor-element-37283ef .ilr-artist-values .ilr-meta-value.elementor-widget-heading .elementor-heading-title{
  margin: 0 !important;
  padding: 0 !important;
  font-size: 17px !important;
  line-height: 1.08 !important;
  font-weight: 720 !important;
  letter-spacing: -.018em !important;
  color: rgba(255,255,255,.90) !important;
  white-space: nowrap !important;
}

/* -----------------------------------------
   section label (bv. Artiest DNA)
----------------------------------------- */
.elementor-20953 .elementor-element.elementor-element-37283ef .ilr-section-label{
  margin: 0 0 10px 0 !important;
  padding: 0 !important;
}

.elementor-20953 .elementor-element.elementor-element-37283ef .ilr-section-label .elementor-heading-title{
  margin: 0 !important;
  padding: 0 !important;
  font-size: 9px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  letter-spacing: .20em !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,.36) !important;
}

/* -----------------------------------------
   DNA regels
----------------------------------------- */
.elementor-20953 .elementor-element.elementor-element-37283ef .ilr-dna-line{
  position: relative;
  margin: 0 0 4px 0 !important;
  padding: 0 0 0 14px !important;
}

.elementor-20953 .elementor-element.elementor-element-37283ef .ilr-dna-line::before{
  content: "";
  position: absolute;
  left: 0;
  top: .9em;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  transform: translateY(-50%);
  background: rgba(141,55,255,.72);
  box-shadow: 0 0 10px rgba(255,43,214,.10);
}

.elementor-20953 .elementor-element.elementor-element-37283ef .ilr-dna-line .elementor-heading-title{
  margin: 0 !important;
  padding: 0 !important;
  font-size: 15px !important;
  line-height: 1.22 !important;
  font-weight: 640 !important;
  letter-spacing: -.008em !important;
  color: rgba(255,255,255,.74) !important;
}

/* -----------------------------------------
   algemene widget-rust binnen deze module
----------------------------------------- */
.elementor-20953 .elementor-element.elementor-element-37283ef .elementor-widget{
  margin-bottom: 8px;
}

.elementor-20953 .elementor-element.elementor-element-37283ef .elementor-widget:last-child{
  margin-bottom: 0;
}

.elementor-20953 .elementor-element.elementor-element-37283ef .ilr-artist-values{
  margin-top: 0 !important;
  transform: translateY(-42px) !important;
}



/* Artiest DNA blok iets omhoog */
.elementor-20953 .elementor-element.elementor-element-37283ef .ilr-section-label,
.elementor-20953 .elementor-element.elementor-element-37283ef .ilr-dna-line{
  transform: translateY(-30px);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-16113c8 *//* =========================================================
   ILR — Vinyl label photo
   ========================================================= */

.elementor-20953 .elementor-element.elementor-element-16113c8{
  position: absolute;
  inset: 24%;
  z-index: 3;
  border-radius: 50%;
  overflow: hidden;
  aspect-ratio: 1 / 1;
  box-shadow:
    0 14px 34px rgba(0,0,0,.34),
    inset 0 0 0 1px rgba(255,255,255,.08);
}

/* heel belangrijk: image moet exact vullen */
.elementor-20953 .elementor-element.elementor-element-16113c8 img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 20%;
  border-radius: 50%;
}

/* lacquer sweep */
.elementor-20953 .elementor-element.elementor-element-16113c8::after{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(
      120deg,
      rgba(255,255,255,0) 36%,
      rgba(255,255,255,.22) 50%,
      rgba(255,255,255,0) 64%
    );
  transform: translateX(-120%);
  transition: transform .82s cubic-bezier(.22,.61,.36,1);
}

.ilr-vinyl-portrait:hover .ilr-vinyl-photo::after{
  transform: translateX(120%);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bbdeac0 */.elementor-20953 .elementor-element.elementor-element-bbdeac0 .ilr-vinyl-photo::after{
content:"";
position:absolute;
inset:0;
background:linear-gradient(
120deg,
transparent 40%,
rgba(255,255,255,.25) 50%,
transparent 60%
);
transform:translateX(-120%);
transition:transform .8s ease;
}

.elementor-20953 .elementor-element.elementor-element-bbdeac0:hover .ilr-vinyl-photo::after{
transform:translateX(120%);
}

.elementor-20953 .elementor-element.elementor-element-bbdeac0{
  position: relative;
  min-height: 520px;
}







/* =========================================================
   ILR — Vinyl Sculpture v3 (grotere schaal)
   Alles schaalt mee
   ========================================================= */

.elementor-20953 .elementor-element.elementor-element-bbdeac0{
  /* schaalregeling */
  --ilr-size: 640px;      /* hoofdgrootte vinyl */
  --ilr-label: 24%;       /* label (foto) verhouding */
  --ilr-halo: 34px;       /* halo buitenrand */

  position: relative;
  width: var(--ilr-size);
  aspect-ratio: 1 / 1;
  margin-left: -224px;     /* iets dichter bij tekst */
  isolation: isolate;
}

/* halo */
.elementor-20953 .elementor-element.elementor-element-bbdeac0::before{
  content:"";
  position:absolute;
  inset: calc(var(--ilr-halo) * -1);
  border-radius:50%;
  pointer-events:none;
  z-index:0;

  background:
    radial-gradient(circle,
      rgba(141,55,255,.24) 0%,
      rgba(255,43,214,.16) 32%,
      rgba(10,7,20,0) 70%);

  filter: blur(34px);
}

/* vinyl body */
.elementor-20953 .elementor-element.elementor-element-bbdeac0::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:50%;
  z-index:1;

  background:
    radial-gradient(circle at center,
      rgba(8,6,18,1) 0%,
      rgba(8,6,18,1) 20%,
      rgba(42,20,76,.96) 21%,
      rgba(8,6,18,1) 23%,
      rgba(8,6,18,1) 34%,
      rgba(52,24,94,.88) 35%,
      rgba(8,6,18,1) 37%,
      rgba(8,6,18,1) 48%,
      rgba(60,28,108,.80) 49%,
      rgba(8,6,18,1) 51%,
      rgba(8,6,18,1) 100%);

  box-shadow:
    0 60px 120px rgba(0,0,0,.75),
    0 0 60px rgba(141,55,255,.16);
}

/* label (foto) */
.elementor-20953 .elementor-element.elementor-element-bbdeac0 .ilr-vinyl-photo{
  position:absolute;
  inset: var(--ilr-label);
  border-radius:50%;
  overflow:hidden;
  z-index:3;

  box-shadow:
    0 18px 40px rgba(0,0,0,.45),
    inset 0 0 0 1px rgba(255,255,255,.08);
}

/* foto zelf */
.elementor-20953 .elementor-element.elementor-element-bbdeac0 .ilr-vinyl-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 18%;
  display:block;
  border-radius:50%;
}


/* ILR — Vinyl vertical alignment */

.elementor-20953 .elementor-element.elementor-element-bbdeac0{
  transform: translateY(-78px);
}


/* ILR — Vinyl glow refinement */

.elementor-20953 .elementor-element.elementor-element-bbdeac0::before{
  opacity: .82 !important;
  filter: blur(28px) !important;
}

.elementor-20953 .elementor-element.elementor-element-bbdeac0::after{
  box-shadow:
    0 56px 110px rgba(0,0,0,.74),
    0 0 42px rgba(141,55,255,.10) !important;
}

.elementor-20953 .elementor-element.elementor-element-bbdeac0{
  --ilr-size: 540px;
  --ilr-label: 24%;
  --ilr-halo: 34px;

  position: absolute;
  top: -78px;
  right: 0;
  width: var(--ilr-size);
  aspect-ratio: 1 / 1;
  margin-left: 0;
  isolation: isolate;
  overflow: visible !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eecd5a9 *//* =================================================
ILR — Vinyl Sculpture Portrait
================================================= */

.elementor-20953 .elementor-element.elementor-element-eecd5a9{
position:relative;
width:420px;
aspect-ratio:1/1;
margin-left:auto;
}

/* vinyl body */

.elementor-20953 .elementor-element.elementor-element-eecd5a9::before{
content:"";
position:absolute;
inset:0;
border-radius:50%;

background:
radial-gradient(circle at center,
#0a0714 0%,
#0a0714 28%,
#120b25 29%,
#0a0714 31%,
#0a0714 45%,
#120b25 46%,
#0a0714 48%,
#0a0714 100%);

box-shadow:
0 40px 90px rgba(0,0,0,.7),
0 0 40px rgba(141,55,255,.15);
}

/* center label (foto zone) */

.elementor-20953 .elementor-element.elementor-element-eecd5a9 .ilr-vinyl-photo{
position:absolute;
inset:22%;
border-radius:50%;
overflow:hidden;
z-index:3;
}

.elementor-20953 .elementor-element.elementor-element-eecd5a9 .ilr-vinyl-photo img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}

/* halo achter vinyl */

.elementor-20953 .elementor-element.elementor-element-eecd5a9::after{
content:"";
position:absolute;
top:50%;
left:50%;
width:540px;
height:540px;
transform:translate(-50%,-50%);
border-radius:50%;
z-index:-1;

background:
radial-gradient(circle,
rgba(141,55,255,.22) 0%,
rgba(255,43,214,.15) 35%,
rgba(10,7,20,0) 70%);

filter:blur(30px);
}/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-c3f7dfe *//* ========================================================= 
   ILR — Hovertekst in bestaande Woo/Blocksy cover
   Alleen hovertekst + onderste fade
   Laat bestaande rand/hover/card-effecten met rust
   ========================================================= */

/* bestaande cover-wrapper alleen als positioneringsanker */
.elementor-20953 .elementor-element.elementor-element-c3f7dfe .woocommerce ul.products li.product .ct-media-container,
.elementor-20953 .elementor-element.elementor-element-c3f7dfe .woocommerce ul.products li.product .ct-image-container,
.elementor-20953 .elementor-element.elementor-element-c3f7dfe .woocommerce ul.products li.product a.woocommerce-LoopProduct-link{
  position: relative !important;
  overflow: hidden !important;
}

/* alleen onderste zone donker maken */
.elementor-20953 .elementor-element.elementor-element-c3f7dfe .woocommerce ul.products li.product .ct-media-container::after,
.elementor-20953 .elementor-element.elementor-element-c3f7dfe .woocommerce ul.products li.product .ct-image-container::after,
.elementor-20953 .elementor-element.elementor-element-c3f7dfe .woocommerce ul.products li.product a.woocommerce-LoopProduct-link::after{
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 24% !important;
  z-index: 4 !important;
  pointer-events: none !important;
  opacity: 0 !important;
  transition: opacity .26s ease !important;

  background: linear-gradient(
    180deg,
    rgba(7,5,15,0) 0%,
    rgba(7,5,15,.10) 24%,
    rgba(7,5,15,.46) 72%,
    rgba(7,5,15,.84) 100%
  ) !important;
}

/* tekstblok */
.elementor-20953 .elementor-element.elementor-element-c3f7dfe .woocommerce ul.products li.product .ilr-hover-desc{
  position: absolute !important;
  left: 12px !important;
  right: 12px !important;
  bottom: 12px !important;
  z-index: 6 !important;

  margin: 0 !important;
  padding: 8px 10px !important;
  border-radius: 10px !important;

  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 4 !important;
  overflow: hidden !important;

  font-size: 12px !important;
  line-height: 1.34 !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;

  color: rgba(255,255,255,.96) !important;
  -webkit-text-fill-color: rgba(255,255,255,.96) !important;
  text-decoration: none !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.45) !important;

  background: linear-gradient(
    180deg,
    rgba(12,10,22,.38) 0%,
    rgba(9,7,18,.78) 100%
  ) !important;

  border: 1px solid rgba(255,255,255,.07) !important;
  box-shadow:
    0 8px 20px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.05) !important;

  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;

  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(8px) !important;
  transition:
    opacity .26s ease,
    transform .26s ease,
    visibility .26s ease !important;

  pointer-events: none !important;
}

/* hover */
@media (hover:hover){
  .elementor-20953 .elementor-element.elementor-element-c3f7dfe .woocommerce ul.products li.product:hover .ct-media-container::after,
  .elementor-20953 .elementor-element.elementor-element-c3f7dfe .woocommerce ul.products li.product:hover .ct-image-container::after,
  .elementor-20953 .elementor-element.elementor-element-c3f7dfe .woocommerce ul.products li.product:hover a.woocommerce-LoopProduct-link::after{
    opacity: 1 !important;
  }

  .elementor-20953 .elementor-element.elementor-element-c3f7dfe .woocommerce ul.products li.product:hover .ilr-hover-desc{
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
  }
}

.woocommerce ul.products li.product .ilr-label{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
  width: 100%;
}

.woocommerce ul.products li.product .ilr-label__text{
  flex: 1 1 auto;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
}

.woocommerce ul.products li.product .ilr-label__date{
  flex: 0 0 auto;
  white-space: nowrap;
  color: rgba(255,255,255,.62);
}


/* =========================================================
   ILR — artiest + albumtitel altijd 1 regel met ellipsis
   Zet dit ONDERAAN de bestaande kaart-CSS
========================================================= */

.elementor-20953 .elementor-element.elementor-element-c3f7dfe .woocommerce ul.products li.product .woocommerce-loop-product__title,
.elementor-20953 .elementor-element.elementor-element-c3f7dfe ul.products li.product .woocommerce-loop-product__title,
.elementor-20953 .elementor-element.elementor-element-c3f7dfe .woocommerce ul.products li.product .ilr-albumtitel,
.elementor-20953 .elementor-element.elementor-element-c3f7dfe ul.products li.product .ilr-albumtitel{
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

/* extra zekerheid als de titel-link of wrapper vreemd doet */
.elementor-20953 .elementor-element.elementor-element-c3f7dfe .woocommerce ul.products li.product a .woocommerce-loop-product__title,
.elementor-20953 .elementor-element.elementor-element-c3f7dfe ul.products li.product a .woocommerce-loop-product__title{
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fda66ea *//* =========================================================
   ILR — WOO PRODUCT CARD — SIGNATURE CARD PRO v2
   Voor nieuwe PHP-structuur:
   .ilr-loop-meta
   .ilr-albumtitel
   .ilr-editie
   .ilr-meta-row
   .ilr-label
   .ilr-release
   .ilr-submeta
   .ilr-tax
   ========================================================= */

/* =========================
   0) TOKENS
========================= */
.elementor-20953 .elementor-element.elementor-element-fda66ea{
  --ilr-card-r: 22px;

  --ilr-bg-a: rgba(18, 12, 30, .88);
  --ilr-bg-b: rgba(10, 7, 20, .94);
  --ilr-bg-c: rgba(7, 5, 15, .98);

  --ilr-ink: rgba(255,255,255,.94);
  --ilr-sub: rgba(255,255,255,.76);
  --ilr-dim: rgba(255,255,255,.56);

  --ilr-line: rgba(255,255,255,.06);
  --ilr-line-2: rgba(255,255,255,.10);

  --ilr-pink: rgba(255,43,214,.92);
  --ilr-pink-soft: rgba(255,43,214,.18);
  --ilr-pink-faint: rgba(255,43,214,.08);

  --ilr-shadow-1: 0 10px 28px rgba(0,0,0,.34);
  --ilr-shadow-2: 0 18px 42px rgba(0,0,0,.48);

  --ilr-speed: .26s;
  --ilr-ease: cubic-bezier(.22,.61,.36,1);
}

/* =========================
   1) GRID
========================= */
.elementor-20953 .elementor-element.elementor-element-fda66ea .woocommerce ul.products,
.elementor-20953 .elementor-element.elementor-element-fda66ea ul.products{
  gap: 18px !important;
}

/* =========================
   2) PRODUCT CARD BASIS
========================= */
.elementor-20953 .elementor-element.elementor-element-fda66ea .woocommerce ul.products li.product,
.elementor-20953 .elementor-element.elementor-element-fda66ea ul.products li.product{
  position: relative !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 16px 16px 14px !important;
  border: 0 !important;
  border-radius: var(--ilr-card-r) !important;

  background:
    radial-gradient(120% 95% at 12% 0%, rgba(255,255,255,.045), rgba(255,255,255,0) 42%),
    linear-gradient(180deg, var(--ilr-bg-a) 0%, var(--ilr-bg-b) 58%, var(--ilr-bg-c) 100%) !important;

  box-shadow:
    var(--ilr-shadow-1),
    inset 0 0 0 1px var(--ilr-line) !important;

  transition:
    transform var(--ilr-speed) var(--ilr-ease),
    box-shadow var(--ilr-speed) var(--ilr-ease),
    background var(--ilr-speed) var(--ilr-ease) !important;
}

/* =========================
   3) LACQUER TOPCOAT
========================= */
.elementor-20953 .elementor-element.elementor-element-fda66ea .woocommerce ul.products li.product::before,
.elementor-20953 .elementor-element.elementor-element-fda66ea ul.products li.product::before{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  z-index: 0;

  background:
    linear-gradient(118deg,
      rgba(255,255,255,.12) 0%,
      rgba(255,255,255,.04) 16%,
      rgba(255,255,255,0) 38%,
      rgba(255,255,255,.03) 72%,
      rgba(255,255,255,0) 100%);
  opacity: .50;
}

/* =========================
   4) NEON EDGE
========================= */
.elementor-20953 .elementor-element.elementor-element-fda66ea .woocommerce ul.products li.product::after,
.elementor-20953 .elementor-element.elementor-element-fda66ea ul.products li.product::after{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  z-index: 1;

  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.04),
    inset 0 0 0 1px rgba(255,43,214,0);

  transition:
    box-shadow var(--ilr-speed) var(--ilr-ease),
    opacity var(--ilr-speed) var(--ilr-ease);
}

@media (hover:hover){
  .elementor-20953 .elementor-element.elementor-element-fda66ea .woocommerce ul.products li.product:hover,
  .elementor-20953 .elementor-element.elementor-element-fda66ea ul.products li.product:hover{
    transform: translateY(-4px) !important;
    box-shadow:
      var(--ilr-shadow-2),
      inset 0 0 0 1px var(--ilr-line-2) !important;

    background:
      radial-gradient(120% 95% at 12% 0%, rgba(255,255,255,.06), rgba(255,255,255,0) 42%),
      linear-gradient(180deg, rgba(22,15,36,.92) 0%, rgba(12,8,24,.96) 58%, rgba(8,5,16,.99) 100%) !important;
  }

  .elementor-20953 .elementor-element.elementor-element-fda66ea .woocommerce ul.products li.product:hover::after,
  .elementor-20953 .elementor-element.elementor-element-fda66ea ul.products li.product:hover::after{
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,.05),
      inset 0 0 0 1px rgba(255,43,214,.24),
      0 0 0 1px rgba(255,43,214,.10),
      0 0 22px rgba(255,43,214,.12);
  }
}
/* =========================
   5) PRODUCT LINK
========================= */
.elementor-20953 .elementor-element.elementor-element-fda66ea .woocommerce ul.products li.product a.woocommerce-LoopProduct-link,
.elementor-20953 .elementor-element.elementor-element-fda66ea ul.products li.product a.woocommerce-LoopProduct-link{
  position: relative !important;
  z-index: 3 !important;
  text-decoration: none !important;
  color: inherit !important;
}
/* =========================
   6) COVER
========================= */
.elementor-20953 .elementor-element.elementor-element-fda66ea .woocommerce ul.products li.product a.woocommerce-LoopProduct-link img,
.elementor-20953 .elementor-element.elementor-element-fda66ea ul.products li.product a.woocommerce-LoopProduct-link img{
  position: relative !important;
  z-index: 2 !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 0 14px 0 !important;
  border-radius: 14px !important;

  box-shadow:
    0 8px 22px rgba(0,0,0,.22),
    inset 0 0 0 1px rgba(255,255,255,.05) !important;

  transition:
    transform var(--ilr-speed) var(--ilr-ease),
    box-shadow var(--ilr-speed) var(--ilr-ease),
    filter var(--ilr-speed) var(--ilr-ease) !important;
}

@media (hover:hover){
  .elementor-20953 .elementor-element.elementor-element-fda66ea .woocommerce ul.products li.product:hover a.woocommerce-LoopProduct-link img,
  .elementor-20953 .elementor-element.elementor-element-fda66ea ul.products li.product:hover a.woocommerce-LoopProduct-link img{
    transform: translateY(-1px) scale(1.008) !important;
    box-shadow:
      0 12px 28px rgba(0,0,0,.28),
      inset 0 0 0 1px rgba(255,255,255,.07) !important;
    filter: saturate(1.03) brightness(1.02) !important;
  }
}

/* =========================
   7) WOO TITEL = ARTIEST
========================= */
.elementor-20953 .elementor-element.elementor-element-fda66ea .woocommerce ul.products li.product .woocommerce-loop-product__title,
.elementor-20953 .elementor-element.elementor-element-fda66ea ul.products li.product .woocommerce-loop-product__title{
  position: relative !important;
  z-index: 3 !important;
  margin: 0 0 4px 0 !important;
  padding: 0 !important;

  font-size: 17px !important;
  line-height: 1.22 !important;
  font-weight: 700 !important;
  letter-spacing: -.01em !important;
  color: var(--ilr-ink) !important;

  transition: color var(--ilr-speed) var(--ilr-ease) !important;
}

/* =========================
   8) EXTRA META WRAPPER
========================= */
.elementor-20953 .elementor-element.elementor-element-fda66ea .ilr-loop-meta{
  position: relative;
  z-index: 3;
  margin: 0 0 10px 0;
}

/* albumtitel */
.elementor-20953 .elementor-element.elementor-element-fda66ea .ilr-albumtitel{
  display: block;
  margin: 0 0 6px 0;
  text-decoration: none !important;
  font-size: 14px;
  line-height: 1.35;
  font-weight: 500;
  color: var(--ilr-sub) !important;

  transition: color var(--ilr-speed) var(--ilr-ease);
}

/* editie */
.elementor-20953 .elementor-element.elementor-element-fda66ea .ilr-editie{
  margin: 0 0 8px 0;
  font-size: 12px;
  line-height: 1.35;
  color: var(--ilr-dim);

  transition: color var(--ilr-speed) var(--ilr-ease);
}

/* label + release */
.elementor-20953 .elementor-element.elementor-element-fda66ea .ilr-meta-row{
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin: 0 0 10px 0;
}

.elementor-20953 .elementor-element.elementor-element-fda66ea .ilr-label,
.elementor-20953 .elementor-element.elementor-element-fda66ea .ilr-release{
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 4px 8px;
  border-radius: 999px;

  background: rgba(255,255,255,.045);
  border: 1px solid rgba(255,255,255,.05);
  color: var(--ilr-dim);

  font-size: 12px;
  line-height: 1.2;

  transition:
    color var(--ilr-speed) var(--ilr-ease),
    border-color var(--ilr-speed) var(--ilr-ease),
    background var(--ilr-speed) var(--ilr-ease);
}

/* tax tags */
.elementor-20953 .elementor-element.elementor-element-fda66ea .ilr-submeta{
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin: 0;
}

.elementor-20953 .elementor-element.elementor-element-fda66ea .ilr-tax{
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 4px 8px;
  border-radius: 999px;

  background: rgba(255,255,255,.045);
  border: 1px solid rgba(255,255,255,.05);
  color: var(--ilr-dim) !important;

  font-size: 12px;
  line-height: 1.2;
  text-decoration: none !important;

  transition:
    color var(--ilr-speed) var(--ilr-ease),
    border-color var(--ilr-speed) var(--ilr-ease),
    background var(--ilr-speed) var(--ilr-ease),
    transform var(--ilr-speed) var(--ilr-ease);
}

/* =========================
   9) PRIJS
========================= */
.elementor-20953 .elementor-element.elementor-element-fda66ea .woocommerce ul.products li.product .price,
.elementor-20953 .elementor-element.elementor-element-fda66ea ul.products li.product .price{
  position: relative !important;
  z-index: 3 !important;
  display: block !important;
  margin: 2px 0 12px 0 !important;
  padding: 0 !important;

  font-size: 17px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  color: var(--ilr-ink) !important;

  transition: color var(--ilr-speed) var(--ilr-ease) !important;
}

.elementor-20953 .elementor-element.elementor-element-fda66ea .woocommerce ul.products li.product .price del,
.elementor-20953 .elementor-element.elementor-element-fda66ea ul.products li.product .price del{
  opacity: .54 !important;
  color: var(--ilr-dim) !important;
}

.elementor-20953 .elementor-element.elementor-element-fda66ea .woocommerce ul.products li.product .price ins,
.elementor-20953 .elementor-element.elementor-element-fda66ea ul.products li.product .price ins{
  text-decoration: none !important;
  color: inherit !important;
}

/* =========================
   10) BUTTON
========================= */
.elementor-20953 .elementor-element.elementor-element-fda66ea .woocommerce ul.products li.product .button,
.elementor-20953 .elementor-element.elementor-element-fda66ea ul.products li.product .button{
  position: relative !important;
  z-index: 4 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;

  width: 100% !important;
  min-width: 0 !important;
  height: 42px !important;
  min-height: 42px !important;
  box-sizing: border-box !important;

  margin: 0 !important;
  padding: 0 16px !important;
  border-radius: 14px !important;

  border: 1px solid rgba(255,43,214,.26) !important;
  background: rgba(255,43,214,.06) !important;
  color: var(--ilr-ink) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 8px 18px rgba(0,0,0,.16) !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: -0.01em !important;
  text-decoration: none !important;
  text-align: center !important;

  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;

  transition:
    background-color .18s ease,
    border-color .18s ease,
    transform .18s ease,
    box-shadow .18s ease,
    color .18s ease !important;
}

/* hover / focus */
.elementor-20953 .elementor-element.elementor-element-fda66ea .woocommerce ul.products li.product .button:hover,
.elementor-20953 .elementor-element.elementor-element-fda66ea ul.products li.product .button:hover,
.elementor-20953 .elementor-element.elementor-element-fda66ea .woocommerce ul.products li.product .button:focus,
.elementor-20953 .elementor-element.elementor-element-fda66ea ul.products li.product .button:focus{
  background: rgba(255,43,214,.10) !important;
  border-color: rgba(255,43,214,.36) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 6px 14px rgba(0,0,0,.16) !important;
  color: #fff !important;
  transform: translateY(-1px) !important;
  outline: none !important;
}


/* =========================
   10B) BUTTON HOVER FIX
   Nieuwe structuur met .ilr-loop-cta-cart
========================= */
.elementor-20953 .elementor-element.elementor-element-fda66ea .woocommerce ul.products li.product .ct-woo-card-actions,
.elementor-20953 .elementor-element.elementor-element-fda66ea ul.products li.product .ct-woo-card-actions{
  position: relative !important;
  z-index: 5 !important;
}

.elementor-20953 .elementor-element.elementor-element-fda66ea .woocommerce ul.products li.product .ilr-loop-cta-cart > a.button,
.elementor-20953 .elementor-element.elementor-element-fda66ea .woocommerce ul.products li.product .ilr-loop-cta-cart > a.add_to_cart_button,
.elementor-20953 .elementor-element.elementor-element-fda66ea ul.products li.product .ilr-loop-cta-cart > a.button,
.elementor-20953 .elementor-element.elementor-element-fda66ea ul.products li.product .ilr-loop-cta-cart > a.add_to_cart_button{
  position: relative !important;
  z-index: 6 !important;
  width: 100% !important;
  pointer-events: auto !important;
  background: rgba(255,43,214,.06) !important;
  border: 1px solid rgba(255,43,214,.26) !important;
  color: rgba(255,255,255,.92) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
  transition:
    background-color .18s ease,
    border-color .18s ease,
    transform .18s ease,
    box-shadow .18s ease,
    color .18s ease !important;
}

.elementor-20953 .elementor-element.elementor-element-fda66ea .woocommerce ul.products li.product .ilr-loop-cta-cart > a.button:hover,
.elementor-20953 .elementor-element.elementor-element-fda66ea .woocommerce ul.products li.product .ilr-loop-cta-cart > a.button:focus,
.elementor-20953 .elementor-element.elementor-element-fda66ea .woocommerce ul.products li.product .ilr-loop-cta-cart > a.button:active,
.elementor-20953 .elementor-element.elementor-element-fda66ea .woocommerce ul.products li.product .ilr-loop-cta-cart > a.add_to_cart_button:hover,
.elementor-20953 .elementor-element.elementor-element-fda66ea .woocommerce ul.products li.product .ilr-loop-cta-cart > a.add_to_cart_button:focus,
.elementor-20953 .elementor-element.elementor-element-fda66ea .woocommerce ul.products li.product .ilr-loop-cta-cart > a.add_to_cart_button:active,
.elementor-20953 .elementor-element.elementor-element-fda66ea ul.products li.product .ilr-loop-cta-cart > a.button:hover,
.elementor-20953 .elementor-element.elementor-element-fda66ea ul.products li.product .ilr-loop-cta-cart > a.button:focus,
.elementor-20953 .elementor-element.elementor-element-fda66ea ul.products li.product .ilr-loop-cta-cart > a.button:active,
.elementor-20953 .elementor-element.elementor-element-fda66ea ul.products li.product .ilr-loop-cta-cart > a.add_to_cart_button:hover,
.elementor-20953 .elementor-element.elementor-element-fda66ea ul.products li.product .ilr-loop-cta-cart > a.add_to_cart_button:focus,
.elementor-20953 .elementor-element.elementor-element-fda66ea ul.products li.product .ilr-loop-cta-cart > a.add_to_cart_button:active{
  background: rgba(255,43,214,.10) !important;
  border-color: rgba(255,43,214,.36) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 6px 14px rgba(0,0,0,.16) !important;
  color: #fff !important;
  transform: translateY(-1px) !important;
  outline: none !important;
}


/* =========================
   11) SALE BADGE
========================= */
.elementor-20953 .elementor-element.elementor-element-fda66ea .woocommerce ul.products li.product .onsale,
.elementor-20953 .elementor-element.elementor-element-fda66ea ul.products li.product .onsale{
  top: 12px !important;
  left: 12px !important;
  right: auto !important;
  min-height: unset !important;
  min-width: unset !important;
  margin: 0 !important;
  padding: 7px 10px !important;
  border-radius: 999px !important;

  background: rgba(255,43,214,.88) !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  box-shadow: 0 10px 20px rgba(0,0,0,.22) !important;

  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  letter-spacing: .03em !important;
  text-transform: uppercase !important;
  z-index: 5 !important;
}

/* =========================
   12) HOVER SYNCHROON
========================= */
@media (hover:hover){
  .elementor-20953 .elementor-element.elementor-element-fda66ea .woocommerce ul.products li.product:hover .woocommerce-loop-product__title,
  .elementor-20953 .elementor-element.elementor-element-fda66ea ul.products li.product:hover .woocommerce-loop-product__title{
    color: #ffd6fb !important;
  }

  .elementor-20953 .elementor-element.elementor-element-fda66ea .woocommerce ul.products li.product:hover .ilr-albumtitel,
  .elementor-20953 .elementor-element.elementor-element-fda66ea ul.products li.product:hover .ilr-albumtitel,
  .elementor-20953 .elementor-element.elementor-element-fda66ea .woocommerce ul.products li.product:hover .price,
  .elementor-20953 .elementor-element.elementor-element-fda66ea ul.products li.product:hover .price{
    color: rgba(255,255,255,.92) !important;
  }

  .elementor-20953 .elementor-element.elementor-element-fda66ea .woocommerce ul.products li.product:hover .ilr-editie,
  .elementor-20953 .elementor-element.elementor-element-fda66ea ul.products li.product:hover .ilr-editie{
    color: rgba(255,255,255,.72) !important;
  }

  .elementor-20953 .elementor-element.elementor-element-fda66ea .woocommerce ul.products li.product:hover .ilr-label,
  .elementor-20953 .elementor-element.elementor-element-fda66ea ul.products li.product:hover .ilr-label,
  .elementor-20953 .elementor-element.elementor-element-fda66ea .woocommerce ul.products li.product:hover .ilr-release,
  .elementor-20953 .elementor-element.elementor-element-fda66ea ul.products li.product:hover .ilr-release,
  .elementor-20953 .elementor-element.elementor-element-fda66ea .woocommerce ul.products li.product:hover .ilr-tax,
  .elementor-20953 .elementor-element.elementor-element-fda66ea ul.products li.product:hover .ilr-tax{
    border-color: rgba(255,43,214,.14) !important;
    background: rgba(255,43,214,.07) !important;
    color: rgba(255,255,255,.84) !important;
  }

  .elementor-20953 .elementor-element.elementor-element-fda66ea .woocommerce ul.products li.product:hover .button,
  .elementor-20953 .elementor-element.elementor-element-fda66ea ul.products li.product:hover .button{
    transform: translateY(-1px) !important;
    border-color: rgba(255,43,214,.36) !important;
    background:
      linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02)),
      rgba(255,43,214,.10) !important;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,.04),
      0 10px 22px rgba(0,0,0,.22),
      0 0 0 1px rgba(255,43,214,.08) !important;
  }

  .elementor-20953 .elementor-element.elementor-element-fda66ea .woocommerce ul.products li.product:hover .ilr-tax:hover,
  .elementor-20953 .elementor-element.elementor-element-fda66ea ul.products li.product:hover .ilr-tax:hover{
    transform: translateY(-1px);
  }
}

/* =========================
   13) RATING
========================= */
.elementor-20953 .elementor-element.elementor-element-fda66ea .woocommerce ul.products li.product .star-rating,
.elementor-20953 .elementor-element.elementor-element-fda66ea ul.products li.product .star-rating{
  position: relative !important;
  z-index: 3 !important;
  margin: 0 0 8px 0 !important;
  color: rgba(255,43,214,.92) !important;
  font-size: 12px !important;
}

/* =========================
   14) FOCUS
========================= */
.elementor-20953 .elementor-element.elementor-element-fda66ea .woocommerce ul.products li.product a:focus-visible,
.elementor-20953 .elementor-element.elementor-element-fda66ea ul.products li.product a:focus-visible,
.elementor-20953 .elementor-element.elementor-element-fda66ea .woocommerce ul.products li.product .button:focus-visible,
.elementor-20953 .elementor-element.elementor-element-fda66ea ul.products li.product .button:focus-visible{
  outline: 2px solid rgba(255,43,214,.42) !important;
  outline-offset: 2px !important;
}

/* =========================
   15) MOBILE
========================= */
@media (max-width: 767px){
  .elementor-20953 .elementor-element.elementor-element-fda66ea .woocommerce ul.products li.product,
  .elementor-20953 .elementor-element.elementor-element-fda66ea ul.products li.product{
    padding: 13px 13px 12px !important;
    border-radius: 18px !important;
  }

  .elementor-20953 .elementor-element.elementor-element-fda66ea .woocommerce ul.products li.product .woocommerce-loop-product__title,
  .elementor-20953 .elementor-element.elementor-element-fda66ea ul.products li.product .woocommerce-loop-product__title{
    font-size: 15px !important;
  }

  .elementor-20953 .elementor-element.elementor-element-fda66ea .ilr-albumtitel{
    font-size: 13px;
  }

  .elementor-20953 .elementor-element.elementor-element-fda66ea .woocommerce ul.products li.product .price,
  .elementor-20953 .elementor-element.elementor-element-fda66ea ul.products li.product .price{
    font-size: 15px !important;
  }

  .elementor-20953 .elementor-element.elementor-element-fda66ea .woocommerce ul.products li.product .button,
  .elementor-20953 .elementor-element.elementor-element-fda66ea ul.products li.product .button{
    min-height: 40px !important;
    padding: 9px 12px !important;
    font-size: 12px !important;
    border-radius: 12px !important;
  }
}

/* =========================
   16) REDUCED MOTION
========================= */
@media (prefers-reduced-motion: reduce){
  .elementor-20953 .elementor-element.elementor-element-fda66ea .woocommerce ul.products li.product,
  .elementor-20953 .elementor-element.elementor-element-fda66ea ul.products li.product,
  .elementor-20953 .elementor-element.elementor-element-fda66ea .woocommerce ul.products li.product::after,
  .elementor-20953 .elementor-element.elementor-element-fda66ea ul.products li.product::after,
  .elementor-20953 .elementor-element.elementor-element-fda66ea .woocommerce ul.products li.product a.woocommerce-LoopProduct-link img,
  .elementor-20953 .elementor-element.elementor-element-fda66ea ul.products li.product a.woocommerce-LoopProduct-link img,
  .elementor-20953 .elementor-element.elementor-element-fda66ea .woocommerce ul.products li.product .woocommerce-loop-product__title,
  .elementor-20953 .elementor-element.elementor-element-fda66ea ul.products li.product .woocommerce-loop-product__title,
  .elementor-20953 .elementor-element.elementor-element-fda66ea .woocommerce ul.products li.product .price,
  .elementor-20953 .elementor-element.elementor-element-fda66ea ul.products li.product .price,
  .elementor-20953 .elementor-element.elementor-element-fda66ea .woocommerce ul.products li.product .button,
  .elementor-20953 .elementor-element.elementor-element-fda66ea ul.products li.product .button,
  .elementor-20953 .elementor-element.elementor-element-fda66ea .ilr-loop-meta,
  .elementor-20953 .elementor-element.elementor-element-fda66ea .ilr-albumtitel,
  .elementor-20953 .elementor-element.elementor-element-fda66ea .ilr-editie,
  .elementor-20953 .elementor-element.elementor-element-fda66ea .ilr-meta-row,
  .elementor-20953 .elementor-element.elementor-element-fda66ea .ilr-label,
  .elementor-20953 .elementor-element.elementor-element-fda66ea .ilr-release,
  .elementor-20953 .elementor-element.elementor-element-fda66ea .ilr-submeta,
  .elementor-20953 .elementor-element.elementor-element-fda66ea .ilr-tax{
    transition: none !important;
  }
}
.elementor-20953 .elementor-element.elementor-element-fda66ea .woocommerce ul.products li.product li.meta-categories{
  display: none !important;
}

.elementor-20953 .elementor-element.elementor-element-fda66ea .woocommerce ul.products li.product ul.entry-meta{
  display: none !important;
}



.elementor-20953 .elementor-element.elementor-element-fda66ea .woocommerce ul.products li.product{
  flex: 0 0 300px !important;
  width: 280px !important;
  max-width: 280px !important;
}

/* ILR — kaart compacter in hoogte */
.elementor-20953 .elementor-element.elementor-element-fda66ea .woocommerce ul.products li.product{
  padding-bottom: 12px !important;
}

/* minder ruimte onder cover */
.elementor-20953 .elementor-element.elementor-element-fda66ea .woocommerce ul.products li.product a.woocommerce-LoopProduct-link img{
  margin-bottom: 5px !important;
}

/* tekstblokken compacter */
.elementor-20953 .elementor-element.elementor-element-fda66ea .woocommerce ul.products li.product .woocommerce-loop-product__title{
  margin-bottom: 1px !important;
}

.elementor-20953 .elementor-element.elementor-element-fda66ea .woocommerce ul.products li.product .ilr-albumtitel{
  margin-bottom: 5px !important;
  line-height: 1.18 !important;
}

.elementor-20953 .elementor-element.elementor-element-fda66ea .woocommerce ul.products li.product .ilr-editie{
  margin-top: 0 !important;
  margin-bottom: 8px !important;
}

/* label compacter */
.elementor-20953 .elementor-element.elementor-element-fda66ea .woocommerce ul.products li.product .ilr-label,
.elementor-20953 .elementor-element.elementor-element-fda66ea .woocommerce ul.products li.product .ilr-release{
  margin-bottom: 8px !important;
  padding: 4px 10px !important;
}

/* tags compacter */
.elementor-20953 .elementor-element.elementor-element-fda66ea .woocommerce ul.products li.product .ilr-taxline{
  margin-bottom: 8px !important;
}

.elementor-20953 .elementor-element.elementor-element-fda66ea .woocommerce ul.products li.product .price{
  margin-bottom: 10px !important;
}

/* knop iets minder hoog */
.elementor-20953 .elementor-element.elementor-element-fda66ea .woocommerce ul.products li.product .button,
.elementor-20953 .elementor-element.elementor-element-fda66ea .woocommerce ul.products li.product .add_to_cart_button,
.elementor-20953 .elementor-element.elementor-element-fda66ea .woocommerce ul.products li.product a.added_to_cart{
  min-height: 40px !important;
  padding: 9px 14px !important;
}





/* ILR — titelzone dichter op cover */
.elementor-20953 .elementor-element.elementor-element-fda66ea .woocommerce ul.products li.product .woocommerce-loop-product__title{
  margin-top: -10px !important;
}

/* albumtitel iets compacter */
.elementor-20953 .elementor-element.elementor-element-fda66ea .woocommerce ul.products li.product .ilr-albumtitel{
  margin-top: -2px !important;
}

/* editie iets omhoog */
.elementor-20953 .elementor-element.elementor-element-fda66ea .woocommerce ul.products li.product .ilr-editie{
  margin-top: 4px !important;
}

/* ILR — kaart standaard iets kleiner */
.elementor-20953 .elementor-element.elementor-element-fda66ea .woocommerce ul.products li.product{
  transform: scale(.97) !important;
  transform-origin: top center;
}

/* ILR — hover behoudt schaal + lift */
@media (hover:hover){
  .elementor-20953 .elementor-element.elementor-element-fda66ea .woocommerce ul.products li.product:hover{
    transform: scale(.97) translateY(-4px) !important;
  }
}




/* =========================================================
   ILR — Light sweep ALLEEN over de cover in Woo/Blocksy cards
   Plaats in de Custom CSS van de shortcode-widget/container
   ========================================================= */

/* Alleen de mogelijke image/media wrappers als positioning context */
.elementor-20953 .elementor-element.elementor-element-fda66ea .woocommerce ul.products li.product .ct-media-container,
.elementor-20953 .elementor-element.elementor-element-fda66ea .woocommerce ul.products li.product .ct-image-container,
.elementor-20953 .elementor-element.elementor-element-fda66ea .woocommerce ul.products li.product .attachment-woocommerce_thumbnail,
.elementor-20953 .elementor-element.elementor-element-fda66ea .woocommerce ul.products li.product .woocommerce-loop-product__link img,
.elementor-20953 .elementor-element.elementor-element-fda66ea .woocommerce ul.products li.product a.woocommerce-LoopProduct-link .ct-media-container,
.elementor-20953 .elementor-element.elementor-element-fda66ea .woocommerce ul.products li.product a.woocommerce-LoopProduct-link .ct-image-container{
  position: relative !important;
}

/* Sweep op de WRAPPER, niet op de hele shortcode-container */
.elementor-20953 .elementor-element.elementor-element-fda66ea .woocommerce ul.products li.product .ct-media-container::after,
.elementor-20953 .elementor-element.elementor-element-fda66ea .woocommerce ul.products li.product .ct-image-container::after,
.elementor-20953 .elementor-element.elementor-element-fda66ea .woocommerce ul.products li.product a.woocommerce-LoopProduct-link .ct-media-container::after,
.elementor-20953 .elementor-element.elementor-element-fda66ea .woocommerce ul.products li.product a.woocommerce-LoopProduct-link .ct-image-container::after{
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  left: -38% !important;
  width: 22% !important;
  pointer-events: none !important;
  z-index: 3 !important;
  opacity: 0 !important;

  background: linear-gradient(
    115deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0.00) 30%,
    rgba(255,255,255,0.08) 45%,
    rgba(255,255,255,0.22) 50%,
    rgba(255,255,255,0.08) 55%,
    rgba(255,255,255,0.00) 70%,
    rgba(255,255,255,0) 100%
  ) !important;

  transform: skewX(-18deg) !important;
  transition:
    left .7s ease,
    opacity .18s ease !important;
}

/* Hover per productkaart */
@media (hover:hover){
  .elementor-20953 .elementor-element.elementor-element-fda66ea .woocommerce ul.products li.product:hover .ct-media-container::after,
  .elementor-20953 .elementor-element.elementor-element-fda66ea .woocommerce ul.products li.product:hover .ct-image-container::after,
  .elementor-20953 .elementor-element.elementor-element-fda66ea .woocommerce ul.products li.product:hover a.woocommerce-LoopProduct-link .ct-media-container::after,
  .elementor-20953 .elementor-element.elementor-element-fda66ea .woocommerce ul.products li.product:hover a.woocommerce-LoopProduct-link .ct-image-container::after{
    left: 118% !important;
    opacity: 1 !important;
  }
}



/* =========================================================
   ILR — CTA ROW FIX
   Wishlist links naast winkelwagen, niet erboven
========================================================= */

/* action zone zelf */
.elementor-20953 .elementor-element.elementor-element-fda66ea .woocommerce ul.products li.product .ct-woo-card-actions,
.elementor-20953 .elementor-element.elementor-element-fda66ea ul.products li.product .ct-woo-card-actions{
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* de nieuwe rij die via PHP is geïnjecteerd */
.elementor-20953 .elementor-element.elementor-element-fda66ea .woocommerce ul.products li.product .ilr-loop-cta-row,
.elementor-20953 .elementor-element.elementor-element-fda66ea ul.products li.product .ilr-loop-cta-row{
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: nowrap !important;
  gap: 10px !important;

  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* wishlist kolom */
.elementor-20953 .elementor-element.elementor-element-fda66ea .woocommerce ul.products li.product .ilr-loop-cta-wish,
.elementor-20953 .elementor-element.elementor-element-fda66ea ul.products li.product .ilr-loop-cta-wish{
  flex: 0 0 38px !important;
  width: 32px !important;
  min-width: 32px !important;
  max-width: 32px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  margin: 0 !important;
  padding: 0 !important;
}

/* pak de TI wrappers hard aan */
.elementor-20953 .elementor-element.elementor-element-fda66ea .woocommerce ul.products li.product .ilr-loop-cta-wish .tinv-wraper,
.elementor-20953 .elementor-element.elementor-element-fda66ea ul.products li.product .ilr-loop-cta-wish .tinv-wraper{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 32px !important;
  min-width: 32px !important;
  max-width: 32px !important;

  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
}

.elementor-20953 .elementor-element.elementor-element-fda66ea .woocommerce ul.products li.product .ilr-loop-cta-wish .tinvwl_add_to_wishlist_button,
.elementor-20953 .elementor-element.elementor-element-fda66ea ul.products li.product .ilr-loop-cta-wish .tinvwl_add_to_wishlist_button{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  margin: 0 !important;
  padding: 0 !important;
  vertical-align: top !important;
}

/* cart kolom */
.elementor-20953 .elementor-element.elementor-element-fda66ea .woocommerce ul.products li.product .ilr-loop-cta-cart,
.elementor-20953 .elementor-element.elementor-element-fda66ea ul.products li.product .ilr-loop-cta-cart{
  flex: 1 1 auto !important;
  min-width: 0 !important;

  display: flex !important;
  align-items: stretch !important;
  justify-content: flex-start !important;

  margin: 0 !important;
  padding: 0 !important;
}

/* knop vult resterende breedte */
.elementor-20953 .elementor-element.elementor-element-fda66ea .woocommerce ul.products li.product .ilr-loop-cta-cart > a.button,
.elementor-20953 .elementor-element.elementor-element-fda66ea .woocommerce ul.products li.product .ilr-loop-cta-cart > a.add_to_cart_button,
.elementor-20953 .elementor-element.elementor-element-fda66ea ul.products li.product .ilr-loop-cta-cart > a.button,
.elementor-20953 .elementor-element.elementor-element-fda66ea ul.products li.product .ilr-loop-cta-cart > a.add_to_cart_button{
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}

/* voorkom rare plugin spacing */
.elementor-20953 .elementor-element.elementor-element-fda66ea .woocommerce ul.products li.product .ilr-loop-cta-wish *,
.elementor-20953 .elementor-element.elementor-element-fda66ea .woocommerce ul.products li.product .ilr-loop-cta-cart *,
.elementor-20953 .elementor-element.elementor-element-fda66ea ul.products li.product .ilr-loop-cta-wish *,
.elementor-20953 .elementor-element.elementor-element-fda66ea ul.products li.product .ilr-loop-cta-cart *{
  box-sizing: border-box !important;
}




/* ILR — hele shortcode/container hoger zetten */
.elementor-20953 .elementor-element.elementor-element-fda66ea{
  position: relative !important;
  top: -74px !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d7fc9e3 *//* =========================================================
   ILR SPOTLIGHT — WORLD CUP REBUILD
   Alleen positie, typografie, spacing en ritme
   Achtergrond blijft transparant / site-background
========================================================= */

.elementor-20953 .elementor-element.elementor-element-d7fc9e3{
  background: transparent !important;
  background-color: transparent !important;
  position: relative;
  overflow: visible;
  padding: 25px 0 0px 0 !important;
  box-shadow: none !important;
}

/* hoofdwrap centreren en max breedte geven */
.elementor-20953 .elementor-element.elementor-element-d7fc9e3 .ilr-spotlight-wrap{
  width: min(1280px, calc(100% - 56px));
  margin: 0 auto;
  position: relative;
}

/* =========================
   DIVIDER NA HEAD
========================= */

.elementor-20953 .elementor-element.elementor-element-d7fc9e3 .ilr-vinyl-divider{
  height: 1px;
  margin: 0 0 22px 0 !important;
  background:
    linear-gradient(
      90deg,
      rgba(255,255,255,0) 0%,
      rgba(255,255,255,.11) 18%,
      rgba(255,255,255,.05) 58%,
      rgba(255,255,255,0) 100%
    );
}

/* =========================
   ARTIST ROW
========================= */

.elementor-20953 .elementor-element.elementor-element-d7fc9e3 .ilr-spotlight-artist{
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(320px, .92fr);
  align-items: start;
  gap: 44px;
  margin: 0;
}

/* LINKS */
.elementor-20953 .elementor-element.elementor-element-d7fc9e3 .ilr-spotlight-meta{
  min-width: 0;
  padding-top: 2px;
}

.elementor-20953 .elementor-element.elementor-element-d7fc9e3 .ilr-spotlight-meta > .elementor-widget,
.elementor-20953 .elementor-element.elementor-element-d7fc9e3 .ilr-spotlight-meta > .e-con{
  margin-bottom: 0 !important;
}

/* alle tekst in meta rustiger en kleiner */
.elementor-20953 .elementor-element.elementor-element-d7fc9e3 .ilr-spotlight-meta,
.elementor-20953 .elementor-element.elementor-element-d7fc9e3 .ilr-spotlight-meta .elementor-text-editor,
.elementor-20953 .elementor-element.elementor-element-d7fc9e3 .ilr-spotlight-meta p,
.elementor-20953 .elementor-element.elementor-element-d7fc9e3 .ilr-spotlight-meta div,
.elementor-20953 .elementor-element.elementor-element-d7fc9e3 .ilr-spotlight-meta span,
.elementor-20953 .elementor-element.elementor-element-d7fc9e3 .ilr-spotlight-meta li{
  color: rgba(255,255,255,.46) !important;
  font-size: 13px !important;
  line-height: 1.58 !important;
  font-weight: 600 !important;
  letter-spacing: .01em !important;
}

/* eerste metablock: compact */
.elementor-20953 .elementor-element.elementor-element-d7fc9e3 .ilr-spotlight-meta > .elementor-widget:first-child,
.elementor-20953 .elementor-element.elementor-element-d7fc9e3 .ilr-spotlight-meta > .e-con:first-child{
  margin-bottom: 12px !important;
}

/* tweede metablock/timeline nog iets lucht */
.elementor-20953 .elementor-element.elementor-element-d7fc9e3 .ilr-spotlight-meta > .elementor-widget + .elementor-widget,
.elementor-20953 .elementor-element.elementor-element-d7fc9e3 .ilr-spotlight-meta > .e-con + .e-con{
  margin-top: 8px !important;
}

/* RECHTS */
.elementor-20953 .elementor-element.elementor-element-d7fc9e3 .ilr-spotlight-visual{
  min-width: 0;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  position: relative;
  padding-top: 2px;
}

/* subtiele lokale glow achter foto, niet hysterisch */
.elementor-20953 .elementor-element.elementor-element-d7fc9e3 .ilr-spotlight-visual::after{
  content: "";
  position: absolute;
  right: 42px;
  top: 42px;
  width: 250px;
  height: 250px;
  border-radius: 50%;
  background:
    radial-gradient(circle,
      rgba(141,55,255,.13) 0%,
      rgba(255,43,214,.05) 42%,
      transparent 74%);
  filter: blur(22px);
  pointer-events: none;
  z-index: 0;
}

.elementor-20953 .elementor-element.elementor-element-d7fc9e3 .ilr-spotlight-visual img{
  display: block;
  width: 100%;
  max-width: 404px;
  height: auto;
  border-radius: 22px;
  position: relative;
  z-index: 1;
  box-shadow:
    0 26px 56px rgba(0,0,0,.34),
    0 0 0 1px rgba(255,255,255,.045);
}

/* =========================
   ALBUMS
========================= */

.elementor-20953 .elementor-element.elementor-element-d7fc9e3 .ilr-spotlight-albums{
  position: relative;
  margin-top: 26px !important;
  padding-top: 24px !important;
  margin-bottom: 10px !important;
  background: transparent !important;
}

.elementor-20953 .elementor-element.elementor-element-d7fc9e3 .ilr-spotlight-albums::before{
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 1px;
  background:
    linear-gradient(
      90deg,
      rgba(255,255,255,0) 0%,
      rgba(255,255,255,.10) 16%,
      rgba(255,255,255,.05) 50%,
      rgba(255,255,255,.10) 84%,
      rgba(255,255,255,0) 100%
    );
  pointer-events: none;
}

.elementor-20953 .elementor-element.elementor-element-d7fc9e3 .ilr-spotlight-albums,
.elementor-20953 .elementor-element.elementor-element-d7fc9e3 .ilr-spotlight-albums > .elementor-widget-container,
.elementor-20953 .elementor-element.elementor-element-d7fc9e3 .ilr-spotlight-albums .woocommerce,
.elementor-20953 .elementor-element.elementor-element-d7fc9e3 .ilr-spotlight-albums .woocommerce ul.products{
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

.elementor-20953 .elementor-element.elementor-element-d7fc9e3 .ilr-spotlight-albums .woocommerce{
  margin: 0 !important;
}

.elementor-20953 .elementor-element.elementor-element-d7fc9e3 .ilr-spotlight-albums .woocommerce ul.products{
  margin: 0 !important;
  padding: 0 !important;
}

.elementor-20953 .elementor-element.elementor-element-d7fc9e3 .ilr-spotlight-albums .woocommerce ul.products li.product{
  margin-bottom: 0 !important;
}

/* =========================
   EXPAND / ONDERTEKST
========================= */

.elementor-20953 .elementor-element.elementor-element-d7fc9e3 .ilr-spotlight-expand{
  max-width: 620px;
  margin-top: 8px !important;
}

.elementor-20953 .elementor-element.elementor-element-d7fc9e3 .ilr-spotlight-expand > .elementor-widget,
.elementor-20953 .elementor-element.elementor-element-d7fc9e3 .ilr-spotlight-expand > .e-con{
  margin-bottom: 0 !important;
}

.elementor-20953 .elementor-element.elementor-element-d7fc9e3 .ilr-spotlight-expand .elementor-text-editor,
.elementor-20953 .elementor-element.elementor-element-d7fc9e3 .ilr-spotlight-expand p{
  margin: 0 !important;
  color: rgba(255,255,255,.70) !important;
  font-size: 15px !important;
  line-height: 1.72 !important;
  max-width: 620px;
}

/* desktop: compact, niet heel blok */
.elementor-20953 .elementor-element.elementor-element-d7fc9e3 .ilr-spotlight-expand .elementor-text-editor{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.elementor-20953 .elementor-element.elementor-element-d7fc9e3 .ilr-expand-artist .elementor-button,
.elementor-20953 .elementor-element.elementor-element-d7fc9e3 .ilr-expand-artist.elementor-button,
.elementor-20953 .elementor-element.elementor-element-d7fc9e3 .ilr-spotlight-expand .elementor-button{
  margin-top: 14px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  min-height: auto !important;

  color: rgba(230,142,255,.96) !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

.elementor-20953 .elementor-element.elementor-element-d7fc9e3 .ilr-expand-artist .elementor-button:hover,
.elementor-20953 .elementor-element.elementor-element-d7fc9e3 .ilr-expand-artist .elementor-button:focus,
.elementor-20953 .elementor-element.elementor-element-d7fc9e3 .ilr-spotlight-expand .elementor-button:hover,
.elementor-20953 .elementor-element.elementor-element-d7fc9e3 .ilr-spotlight-expand .elementor-button:focus{
  color: rgba(255,255,255,.96) !important;
  transform: none !important;
}

/* =========================
   ALGEMENE OPSCHONING
========================= */

.elementor-20953 .elementor-element.elementor-element-d7fc9e3 .elementor-widget-divider{
  margin-bottom: 0 !important;
}

.elementor-20953 .elementor-element.elementor-element-d7fc9e3 .elementor-widget-image{
  margin-bottom: 0 !important;
}

.elementor-20953 .elementor-element.elementor-element-d7fc9e3 .elementor-widget-heading{
  margin-bottom: 0 !important;
}

.elementor-20953 .elementor-element.elementor-element-d7fc9e3 .elementor-widget-text-editor{
  margin-bottom: 0 !important;
}

/* =========================
   TABLET
========================= */

@media (max-width: 1024px){

  .elementor-20953 .elementor-element.elementor-element-d7fc9e3{
    padding: 60px 0 46px 0 !important;
  }

  .elementor-20953 .elementor-element.elementor-element-d7fc9e3 .ilr-spotlight-wrap{
    width: min(1280px, calc(100% - 40px));
  }

  .elementor-20953 .elementor-element.elementor-element-d7fc9e3 .ilr-spotlight-artist{
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .elementor-20953 .elementor-element.elementor-element-d7fc9e3 .ilr-spotlight-visual{
    justify-content: flex-start;
  }

  .elementor-20953 .elementor-element.elementor-element-d7fc9e3 .ilr-spotlight-visual img{
    max-width: 360px;
  }

  .elementor-20953 .elementor-element.elementor-element-d7fc9e3 .ilr-spotlight-expand{
    max-width: 100%;
  }
}

/* =========================
   MOBIEL
========================= */

@media (max-width: 767px){

  .elementor-20953 .elementor-element.elementor-element-d7fc9e3{
    padding: 42px 0 36px 0 !important;
  }

  .elementor-20953 .elementor-element.elementor-element-d7fc9e3 .ilr-spotlight-wrap{
    width: calc(100% - 28px);
  }

  .elementor-20953 .elementor-element.elementor-element-d7fc9e3 .ilr-vinyl-divider{
    margin-bottom: 16px !important;
  }

  .elementor-20953 .elementor-element.elementor-element-d7fc9e3 .ilr-spotlight-artist{
    gap: 18px;
  }

  .elementor-20953 .elementor-element.elementor-element-d7fc9e3 .ilr-spotlight-meta,
  .elementor-20953 .elementor-element.elementor-element-d7fc9e3 .ilr-spotlight-meta .elementor-text-editor,
  .elementor-20953 .elementor-element.elementor-element-d7fc9e3 .ilr-spotlight-meta p,
  .elementor-20953 .elementor-element.elementor-element-d7fc9e3 .ilr-spotlight-meta div,
  .elementor-20953 .elementor-element.elementor-element-d7fc9e3 .ilr-spotlight-meta span{
    font-size: 12.5px !important;
    line-height: 1.55 !important;
  }

  .elementor-20953 .elementor-element.elementor-element-d7fc9e3 .ilr-spotlight-visual img{
    max-width: 100%;
    border-radius: 18px;
  }

  .elementor-20953 .elementor-element.elementor-element-d7fc9e3 .ilr-spotlight-albums{
    margin-top: 20px !important;
    padding-top: 18px !important;
    margin-bottom: 16px !important;
  }

  .elementor-20953 .elementor-element.elementor-element-d7fc9e3 .ilr-spotlight-expand .elementor-text-editor,
  .elementor-20953 .elementor-element.elementor-element-d7fc9e3 .ilr-spotlight-expand p{
    font-size: 14px !important;
    line-height: 1.66 !important;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3fc1a04 */.elementor-20953 .elementor-element.elementor-element-3fc1a04 .elementor-heading-title{
  margin: 0 !important;
  display: inline-block !important;
  position: relative !important;

  font-size: 12px !important;
  line-height: 1.05 !important;
  font-weight: 800 !important;
  letter-spacing: .20em !important;
  text-transform: uppercase !important;

  color: rgba(255,255,255,.46) !important;

  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;

  text-shadow: 0 0 18px rgba(141,55,255,.10);
}

.elementor-20953 .elementor-element.elementor-element-3fc1a04 .elementor-heading-title::after{
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  margin-top: 10px;

  background: linear-gradient(
    90deg,
    rgba(255,255,255,.16) 0%,
    rgba(230,142,255,.14) 45%,
    rgba(255,255,255,0) 100%
  );

  opacity: .9;
}

@media (max-width: 1024px){
  .elementor-20953 .elementor-element.elementor-element-3fc1a04 .elementor-heading-title{
    font-size: 11px !important;
    letter-spacing: .18em !important;
  }

  .elementor-20953 .elementor-element.elementor-element-3fc1a04 .elementor-heading-title::after{
    margin-top: 9px;
  }
}

@media (max-width: 767px){
  .elementor-20953 .elementor-element.elementor-element-3fc1a04 .elementor-heading-title{
    font-size: 10px !important;
    letter-spacing: .16em !important;
    line-height: 1.08 !important;
  }

  .elementor-20953 .elementor-element.elementor-element-3fc1a04 .elementor-heading-title::after{
    margin-top: 8px;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4601bfc */.elementor-20953 .elementor-element.elementor-element-4601bfc .elementor-heading-title{
  margin: 0 !important;
  font-size: clamp(42px, 5vw, 64px) !important;
  line-height: .98 !important;
  font-weight: 800 !important;
  letter-spacing: -.035em !important;
  color: rgba(255,255,255,.96) !important;
  text-wrap: balance;
}

@media (max-width: 767px){
  .elementor-20953 .elementor-element.elementor-element-4601bfc .elementor-heading-title{
    font-size: 32px !important;
    line-height: 1.02 !important;
  }
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-b85e4d8 */.elementor-20953 .elementor-element.elementor-element-b85e4d8{
height:1px;
background:
linear-gradient(90deg,
transparent,
rgba(255,255,255,.14),
transparent);
margin:1px 0;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b106a09 */.elementor-20953 .elementor-element.elementor-element-b106a09{
  margin: 0 !important;
  max-width: 620px;
  font-size: 17px !important;
  line-height: 1.52 !important;
  font-weight: 500 !important;
  color: rgba(255,255,255,.74) !important;
}

.elementor-20953 .elementor-element.elementor-element-b106a09 p{
  margin: 0 !important;
  font-size: inherit !important;
  line-height: inherit !important;
  font-weight: inherit !important;
  color: inherit !important;
}

@media (max-width: 767px){
  .elementor-20953 .elementor-element.elementor-element-b106a09{
    font-size: 16px !important;
    line-height: 1.5 !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f0d96a */.elementor-20953 .elementor-element.elementor-element-9f0d96a{
  max-width: 820px;
  margin: 0 0 1px 0;
}

.elementor-20953 .elementor-element.elementor-element-9f0d96a > .elementor-widget,
.elementor-20953 .elementor-element.elementor-element-9f0d96a > .e-con{
  margin-bottom: 0 !important;
}

@media (max-width: 767px){
  .elementor-20953 .elementor-element.elementor-element-9f0d96a{
    margin-bottom: 1px;
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ffdb65d *//* ========================================================= 
   ILR — Hovertekst in bestaande Woo/Blocksy cover
   Alleen hovertekst + onderste fade
   Laat bestaande rand/hover/card-effecten met rust
   ========================================================= */

/* bestaande cover-wrapper alleen als positioneringsanker */
.elementor-20953 .elementor-element.elementor-element-ffdb65d .woocommerce ul.products li.product .ct-media-container,
.elementor-20953 .elementor-element.elementor-element-ffdb65d .woocommerce ul.products li.product .ct-image-container,
.elementor-20953 .elementor-element.elementor-element-ffdb65d .woocommerce ul.products li.product a.woocommerce-LoopProduct-link{
  position: relative !important;
  overflow: hidden !important;
}

/* alleen onderste zone donker maken */
.elementor-20953 .elementor-element.elementor-element-ffdb65d .woocommerce ul.products li.product .ct-media-container::after,
.elementor-20953 .elementor-element.elementor-element-ffdb65d .woocommerce ul.products li.product .ct-image-container::after,
.elementor-20953 .elementor-element.elementor-element-ffdb65d .woocommerce ul.products li.product a.woocommerce-LoopProduct-link::after{
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 24% !important;
  z-index: 4 !important;
  pointer-events: none !important;
  opacity: 0 !important;
  transition: opacity .26s ease !important;

  background: linear-gradient(
    180deg,
    rgba(7,5,15,0) 0%,
    rgba(7,5,15,.10) 24%,
    rgba(7,5,15,.46) 72%,
    rgba(7,5,15,.84) 100%
  ) !important;
}

/* tekstblok */
.elementor-20953 .elementor-element.elementor-element-ffdb65d .woocommerce ul.products li.product .ilr-hover-desc{
  position: absolute !important;
  left: 12px !important;
  right: 12px !important;
  bottom: 12px !important;
  z-index: 6 !important;

  margin: 0 !important;
  padding: 8px 10px !important;
  border-radius: 10px !important;

  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 4 !important;
  overflow: hidden !important;

  font-size: 12px !important;
  line-height: 1.34 !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;

  color: rgba(255,255,255,.96) !important;
  -webkit-text-fill-color: rgba(255,255,255,.96) !important;
  text-decoration: none !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.45) !important;

  background: linear-gradient(
    180deg,
    rgba(12,10,22,.38) 0%,
    rgba(9,7,18,.78) 100%
  ) !important;

  border: 1px solid rgba(255,255,255,.07) !important;
  box-shadow:
    0 8px 20px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.05) !important;

  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;

  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(8px) !important;
  transition:
    opacity .26s ease,
    transform .26s ease,
    visibility .26s ease !important;

  pointer-events: none !important;
}

/* hover */
@media (hover:hover){
  .elementor-20953 .elementor-element.elementor-element-ffdb65d .woocommerce ul.products li.product:hover .ct-media-container::after,
  .elementor-20953 .elementor-element.elementor-element-ffdb65d .woocommerce ul.products li.product:hover .ct-image-container::after,
  .elementor-20953 .elementor-element.elementor-element-ffdb65d .woocommerce ul.products li.product:hover a.woocommerce-LoopProduct-link::after{
    opacity: 1 !important;
  }

  .elementor-20953 .elementor-element.elementor-element-ffdb65d .woocommerce ul.products li.product:hover .ilr-hover-desc{
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
  }
}

.woocommerce ul.products li.product .ilr-label{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
  width: 100%;
}

.woocommerce ul.products li.product .ilr-label__text{
  flex: 1 1 auto;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
}

.woocommerce ul.products li.product .ilr-label__date{
  flex: 0 0 auto;
  white-space: nowrap;
  color: rgba(255,255,255,.62);
}


/* =========================================================
   ILR — artiest + albumtitel altijd 1 regel met ellipsis
   Zet dit ONDERAAN de bestaande kaart-CSS
========================================================= */

.elementor-20953 .elementor-element.elementor-element-ffdb65d .woocommerce ul.products li.product .woocommerce-loop-product__title,
.elementor-20953 .elementor-element.elementor-element-ffdb65d ul.products li.product .woocommerce-loop-product__title,
.elementor-20953 .elementor-element.elementor-element-ffdb65d .woocommerce ul.products li.product .ilr-albumtitel,
.elementor-20953 .elementor-element.elementor-element-ffdb65d ul.products li.product .ilr-albumtitel{
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

/* extra zekerheid als de titel-link of wrapper vreemd doet */
.elementor-20953 .elementor-element.elementor-element-ffdb65d .woocommerce ul.products li.product a .woocommerce-loop-product__title,
.elementor-20953 .elementor-element.elementor-element-ffdb65d ul.products li.product a .woocommerce-loop-product__title{
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-236e5cf */.elementor-20953 .elementor-element.elementor-element-236e5cf .elementor-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:12px 18px;
  border-radius:14px;
  border:1px solid rgba(255,43,214,.26);
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02)),
    rgba(255,43,214,.06);
  color:rgba(255,255,255,.92);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.03),
    0 8px 18px rgba(0,0,0,.16);
  font-size:13px;
  font-weight:600;
  letter-spacing:.01em;
  text-decoration:none;
  transition:
    transform .18s ease,
    background .18s ease,
    border-color .18s ease,
    box-shadow .18s ease;
}

.elementor-20953 .elementor-element.elementor-element-236e5cf .elementor-button:hover{
  transform:translateY(-1px);
  border-color:rgba(255,43,214,.36);
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03)),
    rgba(255,43,214,.10);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.04),
    0 12px 24px rgba(0,0,0,.22),
    0 0 22px rgba(255,43,214,.10);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-808fa66 *//* =========================================================
   ILR — WOO PRODUCT CARD — SIGNATURE CARD PRO v2
   Voor nieuwe PHP-structuur:
   .ilr-loop-meta
   .ilr-albumtitel
   .ilr-editie
   .ilr-meta-row
   .ilr-label
   .ilr-release
   .ilr-submeta
   .ilr-tax
   ========================================================= */

/* =========================
   0) TOKENS
========================= */
.elementor-20953 .elementor-element.elementor-element-808fa66{
  --ilr-card-r: 22px;

  --ilr-bg-a: rgba(18, 12, 30, .88);
  --ilr-bg-b: rgba(10, 7, 20, .94);
  --ilr-bg-c: rgba(7, 5, 15, .98);

  --ilr-ink: rgba(255,255,255,.94);
  --ilr-sub: rgba(255,255,255,.76);
  --ilr-dim: rgba(255,255,255,.56);

  --ilr-line: rgba(255,255,255,.06);
  --ilr-line-2: rgba(255,255,255,.10);

  --ilr-pink: rgba(255,43,214,.92);
  --ilr-pink-soft: rgba(255,43,214,.18);
  --ilr-pink-faint: rgba(255,43,214,.08);

  --ilr-shadow-1: 0 10px 28px rgba(0,0,0,.34);
  --ilr-shadow-2: 0 18px 42px rgba(0,0,0,.48);

  --ilr-speed: .26s;
  --ilr-ease: cubic-bezier(.22,.61,.36,1);
}

/* =========================
   1) GRID
========================= */
.elementor-20953 .elementor-element.elementor-element-808fa66 .woocommerce ul.products,
.elementor-20953 .elementor-element.elementor-element-808fa66 ul.products{
  gap: 18px !important;
}

/* =========================
   2) PRODUCT CARD BASIS
========================= */
.elementor-20953 .elementor-element.elementor-element-808fa66 .woocommerce ul.products li.product,
.elementor-20953 .elementor-element.elementor-element-808fa66 ul.products li.product{
  position: relative !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 16px 16px 14px !important;
  border: 0 !important;
  border-radius: var(--ilr-card-r) !important;

  background:
    radial-gradient(120% 95% at 12% 0%, rgba(255,255,255,.045), rgba(255,255,255,0) 42%),
    linear-gradient(180deg, var(--ilr-bg-a) 0%, var(--ilr-bg-b) 58%, var(--ilr-bg-c) 100%) !important;

  box-shadow:
    var(--ilr-shadow-1),
    inset 0 0 0 1px var(--ilr-line) !important;

  transition:
    transform var(--ilr-speed) var(--ilr-ease),
    box-shadow var(--ilr-speed) var(--ilr-ease),
    background var(--ilr-speed) var(--ilr-ease) !important;
}

/* =========================
   3) LACQUER TOPCOAT
========================= */
.elementor-20953 .elementor-element.elementor-element-808fa66 .woocommerce ul.products li.product::before,
.elementor-20953 .elementor-element.elementor-element-808fa66 ul.products li.product::before{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  z-index: 0;

  background:
    linear-gradient(118deg,
      rgba(255,255,255,.12) 0%,
      rgba(255,255,255,.04) 16%,
      rgba(255,255,255,0) 38%,
      rgba(255,255,255,.03) 72%,
      rgba(255,255,255,0) 100%);
  opacity: .50;
}

/* =========================
   4) NEON EDGE
========================= */
.elementor-20953 .elementor-element.elementor-element-808fa66 .woocommerce ul.products li.product::after,
.elementor-20953 .elementor-element.elementor-element-808fa66 ul.products li.product::after{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  z-index: 1;

  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.04),
    inset 0 0 0 1px rgba(255,43,214,0);

  transition:
    box-shadow var(--ilr-speed) var(--ilr-ease),
    opacity var(--ilr-speed) var(--ilr-ease);
}

@media (hover:hover){
  .elementor-20953 .elementor-element.elementor-element-808fa66 .woocommerce ul.products li.product:hover,
  .elementor-20953 .elementor-element.elementor-element-808fa66 ul.products li.product:hover{
    transform: translateY(-4px) !important;
    box-shadow:
      var(--ilr-shadow-2),
      inset 0 0 0 1px var(--ilr-line-2) !important;

    background:
      radial-gradient(120% 95% at 12% 0%, rgba(255,255,255,.06), rgba(255,255,255,0) 42%),
      linear-gradient(180deg, rgba(22,15,36,.92) 0%, rgba(12,8,24,.96) 58%, rgba(8,5,16,.99) 100%) !important;
  }

  .elementor-20953 .elementor-element.elementor-element-808fa66 .woocommerce ul.products li.product:hover::after,
  .elementor-20953 .elementor-element.elementor-element-808fa66 ul.products li.product:hover::after{
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,.05),
      inset 0 0 0 1px rgba(255,43,214,.24),
      0 0 0 1px rgba(255,43,214,.10),
      0 0 22px rgba(255,43,214,.12);
  }
}
/* =========================
   5) PRODUCT LINK
========================= */
.elementor-20953 .elementor-element.elementor-element-808fa66 .woocommerce ul.products li.product a.woocommerce-LoopProduct-link,
.elementor-20953 .elementor-element.elementor-element-808fa66 ul.products li.product a.woocommerce-LoopProduct-link{
  position: relative !important;
  z-index: 3 !important;
  text-decoration: none !important;
  color: inherit !important;
}
/* =========================
   6) COVER
========================= */
.elementor-20953 .elementor-element.elementor-element-808fa66 .woocommerce ul.products li.product a.woocommerce-LoopProduct-link img,
.elementor-20953 .elementor-element.elementor-element-808fa66 ul.products li.product a.woocommerce-LoopProduct-link img{
  position: relative !important;
  z-index: 2 !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 0 14px 0 !important;
  border-radius: 14px !important;

  box-shadow:
    0 8px 22px rgba(0,0,0,.22),
    inset 0 0 0 1px rgba(255,255,255,.05) !important;

  transition:
    transform var(--ilr-speed) var(--ilr-ease),
    box-shadow var(--ilr-speed) var(--ilr-ease),
    filter var(--ilr-speed) var(--ilr-ease) !important;
}

@media (hover:hover){
  .elementor-20953 .elementor-element.elementor-element-808fa66 .woocommerce ul.products li.product:hover a.woocommerce-LoopProduct-link img,
  .elementor-20953 .elementor-element.elementor-element-808fa66 ul.products li.product:hover a.woocommerce-LoopProduct-link img{
    transform: translateY(-1px) scale(1.008) !important;
    box-shadow:
      0 12px 28px rgba(0,0,0,.28),
      inset 0 0 0 1px rgba(255,255,255,.07) !important;
    filter: saturate(1.03) brightness(1.02) !important;
  }
}

/* =========================
   7) WOO TITEL = ARTIEST
========================= */
.elementor-20953 .elementor-element.elementor-element-808fa66 .woocommerce ul.products li.product .woocommerce-loop-product__title,
.elementor-20953 .elementor-element.elementor-element-808fa66 ul.products li.product .woocommerce-loop-product__title{
  position: relative !important;
  z-index: 3 !important;
  margin: 0 0 4px 0 !important;
  padding: 0 !important;

  font-size: 17px !important;
  line-height: 1.22 !important;
  font-weight: 700 !important;
  letter-spacing: -.01em !important;
  color: var(--ilr-ink) !important;

  transition: color var(--ilr-speed) var(--ilr-ease) !important;
}

/* =========================
   8) EXTRA META WRAPPER
========================= */
.elementor-20953 .elementor-element.elementor-element-808fa66 .ilr-loop-meta{
  position: relative;
  z-index: 3;
  margin: 0 0 10px 0;
}

/* albumtitel */
.elementor-20953 .elementor-element.elementor-element-808fa66 .ilr-albumtitel{
  display: block;
  margin: 0 0 6px 0;
  text-decoration: none !important;
  font-size: 14px;
  line-height: 1.35;
  font-weight: 500;
  color: var(--ilr-sub) !important;

  transition: color var(--ilr-speed) var(--ilr-ease);
}

/* editie */
.elementor-20953 .elementor-element.elementor-element-808fa66 .ilr-editie{
  margin: 0 0 8px 0;
  font-size: 12px;
  line-height: 1.35;
  color: var(--ilr-dim);

  transition: color var(--ilr-speed) var(--ilr-ease);
}

/* label + release */
.elementor-20953 .elementor-element.elementor-element-808fa66 .ilr-meta-row{
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin: 0 0 10px 0;
}

.elementor-20953 .elementor-element.elementor-element-808fa66 .ilr-label,
.elementor-20953 .elementor-element.elementor-element-808fa66 .ilr-release{
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 4px 8px;
  border-radius: 999px;

  background: rgba(255,255,255,.045);
  border: 1px solid rgba(255,255,255,.05);
  color: var(--ilr-dim);

  font-size: 12px;
  line-height: 1.2;

  transition:
    color var(--ilr-speed) var(--ilr-ease),
    border-color var(--ilr-speed) var(--ilr-ease),
    background var(--ilr-speed) var(--ilr-ease);
}

/* tax tags */
.elementor-20953 .elementor-element.elementor-element-808fa66 .ilr-submeta{
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin: 0;
}

.elementor-20953 .elementor-element.elementor-element-808fa66 .ilr-tax{
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 4px 8px;
  border-radius: 999px;

  background: rgba(255,255,255,.045);
  border: 1px solid rgba(255,255,255,.05);
  color: var(--ilr-dim) !important;

  font-size: 12px;
  line-height: 1.2;
  text-decoration: none !important;

  transition:
    color var(--ilr-speed) var(--ilr-ease),
    border-color var(--ilr-speed) var(--ilr-ease),
    background var(--ilr-speed) var(--ilr-ease),
    transform var(--ilr-speed) var(--ilr-ease);
}

/* =========================
   9) PRIJS
========================= */
.elementor-20953 .elementor-element.elementor-element-808fa66 .woocommerce ul.products li.product .price,
.elementor-20953 .elementor-element.elementor-element-808fa66 ul.products li.product .price{
  position: relative !important;
  z-index: 3 !important;
  display: block !important;
  margin: 2px 0 12px 0 !important;
  padding: 0 !important;

  font-size: 17px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  color: var(--ilr-ink) !important;

  transition: color var(--ilr-speed) var(--ilr-ease) !important;
}

.elementor-20953 .elementor-element.elementor-element-808fa66 .woocommerce ul.products li.product .price del,
.elementor-20953 .elementor-element.elementor-element-808fa66 ul.products li.product .price del{
  opacity: .54 !important;
  color: var(--ilr-dim) !important;
}

.elementor-20953 .elementor-element.elementor-element-808fa66 .woocommerce ul.products li.product .price ins,
.elementor-20953 .elementor-element.elementor-element-808fa66 ul.products li.product .price ins{
  text-decoration: none !important;
  color: inherit !important;
}

/* =========================
   10) BUTTON
========================= */
.elementor-20953 .elementor-element.elementor-element-808fa66 .woocommerce ul.products li.product .button,
.elementor-20953 .elementor-element.elementor-element-808fa66 ul.products li.product .button{
  position: relative !important;
  z-index: 4 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;

  width: 100% !important;
  min-width: 0 !important;
  height: 42px !important;
  min-height: 42px !important;
  box-sizing: border-box !important;

  margin: 0 !important;
  padding: 0 16px !important;
  border-radius: 14px !important;

  border: 1px solid rgba(255,43,214,.26) !important;
  background: rgba(255,43,214,.06) !important;
  color: var(--ilr-ink) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 8px 18px rgba(0,0,0,.16) !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: -0.01em !important;
  text-decoration: none !important;
  text-align: center !important;

  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;

  transition:
    background-color .18s ease,
    border-color .18s ease,
    transform .18s ease,
    box-shadow .18s ease,
    color .18s ease !important;
}

/* hover / focus */
.elementor-20953 .elementor-element.elementor-element-808fa66 .woocommerce ul.products li.product .button:hover,
.elementor-20953 .elementor-element.elementor-element-808fa66 ul.products li.product .button:hover,
.elementor-20953 .elementor-element.elementor-element-808fa66 .woocommerce ul.products li.product .button:focus,
.elementor-20953 .elementor-element.elementor-element-808fa66 ul.products li.product .button:focus{
  background: rgba(255,43,214,.10) !important;
  border-color: rgba(255,43,214,.36) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 6px 14px rgba(0,0,0,.16) !important;
  color: #fff !important;
  transform: translateY(-1px) !important;
  outline: none !important;
}


/* =========================
   10B) BUTTON HOVER FIX
   Nieuwe structuur met .ilr-loop-cta-cart
========================= */
.elementor-20953 .elementor-element.elementor-element-808fa66 .woocommerce ul.products li.product .ct-woo-card-actions,
.elementor-20953 .elementor-element.elementor-element-808fa66 ul.products li.product .ct-woo-card-actions{
  position: relative !important;
  z-index: 5 !important;
}

.elementor-20953 .elementor-element.elementor-element-808fa66 .woocommerce ul.products li.product .ilr-loop-cta-cart > a.button,
.elementor-20953 .elementor-element.elementor-element-808fa66 .woocommerce ul.products li.product .ilr-loop-cta-cart > a.add_to_cart_button,
.elementor-20953 .elementor-element.elementor-element-808fa66 ul.products li.product .ilr-loop-cta-cart > a.button,
.elementor-20953 .elementor-element.elementor-element-808fa66 ul.products li.product .ilr-loop-cta-cart > a.add_to_cart_button{
  position: relative !important;
  z-index: 6 !important;
  width: 100% !important;
  pointer-events: auto !important;
  background: rgba(255,43,214,.06) !important;
  border: 1px solid rgba(255,43,214,.26) !important;
  color: rgba(255,255,255,.92) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
  transition:
    background-color .18s ease,
    border-color .18s ease,
    transform .18s ease,
    box-shadow .18s ease,
    color .18s ease !important;
}

.elementor-20953 .elementor-element.elementor-element-808fa66 .woocommerce ul.products li.product .ilr-loop-cta-cart > a.button:hover,
.elementor-20953 .elementor-element.elementor-element-808fa66 .woocommerce ul.products li.product .ilr-loop-cta-cart > a.button:focus,
.elementor-20953 .elementor-element.elementor-element-808fa66 .woocommerce ul.products li.product .ilr-loop-cta-cart > a.button:active,
.elementor-20953 .elementor-element.elementor-element-808fa66 .woocommerce ul.products li.product .ilr-loop-cta-cart > a.add_to_cart_button:hover,
.elementor-20953 .elementor-element.elementor-element-808fa66 .woocommerce ul.products li.product .ilr-loop-cta-cart > a.add_to_cart_button:focus,
.elementor-20953 .elementor-element.elementor-element-808fa66 .woocommerce ul.products li.product .ilr-loop-cta-cart > a.add_to_cart_button:active,
.elementor-20953 .elementor-element.elementor-element-808fa66 ul.products li.product .ilr-loop-cta-cart > a.button:hover,
.elementor-20953 .elementor-element.elementor-element-808fa66 ul.products li.product .ilr-loop-cta-cart > a.button:focus,
.elementor-20953 .elementor-element.elementor-element-808fa66 ul.products li.product .ilr-loop-cta-cart > a.button:active,
.elementor-20953 .elementor-element.elementor-element-808fa66 ul.products li.product .ilr-loop-cta-cart > a.add_to_cart_button:hover,
.elementor-20953 .elementor-element.elementor-element-808fa66 ul.products li.product .ilr-loop-cta-cart > a.add_to_cart_button:focus,
.elementor-20953 .elementor-element.elementor-element-808fa66 ul.products li.product .ilr-loop-cta-cart > a.add_to_cart_button:active{
  background: rgba(255,43,214,.10) !important;
  border-color: rgba(255,43,214,.36) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 6px 14px rgba(0,0,0,.16) !important;
  color: #fff !important;
  transform: translateY(-1px) !important;
  outline: none !important;
}


/* =========================
   11) SALE BADGE
========================= */
.elementor-20953 .elementor-element.elementor-element-808fa66 .woocommerce ul.products li.product .onsale,
.elementor-20953 .elementor-element.elementor-element-808fa66 ul.products li.product .onsale{
  top: 12px !important;
  left: 12px !important;
  right: auto !important;
  min-height: unset !important;
  min-width: unset !important;
  margin: 0 !important;
  padding: 7px 10px !important;
  border-radius: 999px !important;

  background: rgba(255,43,214,.88) !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  box-shadow: 0 10px 20px rgba(0,0,0,.22) !important;

  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  letter-spacing: .03em !important;
  text-transform: uppercase !important;
  z-index: 5 !important;
}

/* =========================
   12) HOVER SYNCHROON
========================= */
@media (hover:hover){
  .elementor-20953 .elementor-element.elementor-element-808fa66 .woocommerce ul.products li.product:hover .woocommerce-loop-product__title,
  .elementor-20953 .elementor-element.elementor-element-808fa66 ul.products li.product:hover .woocommerce-loop-product__title{
    color: #ffd6fb !important;
  }

  .elementor-20953 .elementor-element.elementor-element-808fa66 .woocommerce ul.products li.product:hover .ilr-albumtitel,
  .elementor-20953 .elementor-element.elementor-element-808fa66 ul.products li.product:hover .ilr-albumtitel,
  .elementor-20953 .elementor-element.elementor-element-808fa66 .woocommerce ul.products li.product:hover .price,
  .elementor-20953 .elementor-element.elementor-element-808fa66 ul.products li.product:hover .price{
    color: rgba(255,255,255,.92) !important;
  }

  .elementor-20953 .elementor-element.elementor-element-808fa66 .woocommerce ul.products li.product:hover .ilr-editie,
  .elementor-20953 .elementor-element.elementor-element-808fa66 ul.products li.product:hover .ilr-editie{
    color: rgba(255,255,255,.72) !important;
  }

  .elementor-20953 .elementor-element.elementor-element-808fa66 .woocommerce ul.products li.product:hover .ilr-label,
  .elementor-20953 .elementor-element.elementor-element-808fa66 ul.products li.product:hover .ilr-label,
  .elementor-20953 .elementor-element.elementor-element-808fa66 .woocommerce ul.products li.product:hover .ilr-release,
  .elementor-20953 .elementor-element.elementor-element-808fa66 ul.products li.product:hover .ilr-release,
  .elementor-20953 .elementor-element.elementor-element-808fa66 .woocommerce ul.products li.product:hover .ilr-tax,
  .elementor-20953 .elementor-element.elementor-element-808fa66 ul.products li.product:hover .ilr-tax{
    border-color: rgba(255,43,214,.14) !important;
    background: rgba(255,43,214,.07) !important;
    color: rgba(255,255,255,.84) !important;
  }

  .elementor-20953 .elementor-element.elementor-element-808fa66 .woocommerce ul.products li.product:hover .button,
  .elementor-20953 .elementor-element.elementor-element-808fa66 ul.products li.product:hover .button{
    transform: translateY(-1px) !important;
    border-color: rgba(255,43,214,.36) !important;
    background:
      linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02)),
      rgba(255,43,214,.10) !important;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,.04),
      0 10px 22px rgba(0,0,0,.22),
      0 0 0 1px rgba(255,43,214,.08) !important;
  }

  .elementor-20953 .elementor-element.elementor-element-808fa66 .woocommerce ul.products li.product:hover .ilr-tax:hover,
  .elementor-20953 .elementor-element.elementor-element-808fa66 ul.products li.product:hover .ilr-tax:hover{
    transform: translateY(-1px);
  }
}

/* =========================
   13) RATING
========================= */
.elementor-20953 .elementor-element.elementor-element-808fa66 .woocommerce ul.products li.product .star-rating,
.elementor-20953 .elementor-element.elementor-element-808fa66 ul.products li.product .star-rating{
  position: relative !important;
  z-index: 3 !important;
  margin: 0 0 8px 0 !important;
  color: rgba(255,43,214,.92) !important;
  font-size: 12px !important;
}

/* =========================
   14) FOCUS
========================= */
.elementor-20953 .elementor-element.elementor-element-808fa66 .woocommerce ul.products li.product a:focus-visible,
.elementor-20953 .elementor-element.elementor-element-808fa66 ul.products li.product a:focus-visible,
.elementor-20953 .elementor-element.elementor-element-808fa66 .woocommerce ul.products li.product .button:focus-visible,
.elementor-20953 .elementor-element.elementor-element-808fa66 ul.products li.product .button:focus-visible{
  outline: 2px solid rgba(255,43,214,.42) !important;
  outline-offset: 2px !important;
}

/* =========================
   15) MOBILE
========================= */
@media (max-width: 767px){
  .elementor-20953 .elementor-element.elementor-element-808fa66 .woocommerce ul.products li.product,
  .elementor-20953 .elementor-element.elementor-element-808fa66 ul.products li.product{
    padding: 13px 13px 12px !important;
    border-radius: 18px !important;
  }

  .elementor-20953 .elementor-element.elementor-element-808fa66 .woocommerce ul.products li.product .woocommerce-loop-product__title,
  .elementor-20953 .elementor-element.elementor-element-808fa66 ul.products li.product .woocommerce-loop-product__title{
    font-size: 15px !important;
  }

  .elementor-20953 .elementor-element.elementor-element-808fa66 .ilr-albumtitel{
    font-size: 13px;
  }

  .elementor-20953 .elementor-element.elementor-element-808fa66 .woocommerce ul.products li.product .price,
  .elementor-20953 .elementor-element.elementor-element-808fa66 ul.products li.product .price{
    font-size: 15px !important;
  }

  .elementor-20953 .elementor-element.elementor-element-808fa66 .woocommerce ul.products li.product .button,
  .elementor-20953 .elementor-element.elementor-element-808fa66 ul.products li.product .button{
    min-height: 40px !important;
    padding: 9px 12px !important;
    font-size: 12px !important;
    border-radius: 12px !important;
  }
}

/* =========================
   16) REDUCED MOTION
========================= */
@media (prefers-reduced-motion: reduce){
  .elementor-20953 .elementor-element.elementor-element-808fa66 .woocommerce ul.products li.product,
  .elementor-20953 .elementor-element.elementor-element-808fa66 ul.products li.product,
  .elementor-20953 .elementor-element.elementor-element-808fa66 .woocommerce ul.products li.product::after,
  .elementor-20953 .elementor-element.elementor-element-808fa66 ul.products li.product::after,
  .elementor-20953 .elementor-element.elementor-element-808fa66 .woocommerce ul.products li.product a.woocommerce-LoopProduct-link img,
  .elementor-20953 .elementor-element.elementor-element-808fa66 ul.products li.product a.woocommerce-LoopProduct-link img,
  .elementor-20953 .elementor-element.elementor-element-808fa66 .woocommerce ul.products li.product .woocommerce-loop-product__title,
  .elementor-20953 .elementor-element.elementor-element-808fa66 ul.products li.product .woocommerce-loop-product__title,
  .elementor-20953 .elementor-element.elementor-element-808fa66 .woocommerce ul.products li.product .price,
  .elementor-20953 .elementor-element.elementor-element-808fa66 ul.products li.product .price,
  .elementor-20953 .elementor-element.elementor-element-808fa66 .woocommerce ul.products li.product .button,
  .elementor-20953 .elementor-element.elementor-element-808fa66 ul.products li.product .button,
  .elementor-20953 .elementor-element.elementor-element-808fa66 .ilr-loop-meta,
  .elementor-20953 .elementor-element.elementor-element-808fa66 .ilr-albumtitel,
  .elementor-20953 .elementor-element.elementor-element-808fa66 .ilr-editie,
  .elementor-20953 .elementor-element.elementor-element-808fa66 .ilr-meta-row,
  .elementor-20953 .elementor-element.elementor-element-808fa66 .ilr-label,
  .elementor-20953 .elementor-element.elementor-element-808fa66 .ilr-release,
  .elementor-20953 .elementor-element.elementor-element-808fa66 .ilr-submeta,
  .elementor-20953 .elementor-element.elementor-element-808fa66 .ilr-tax{
    transition: none !important;
  }
}
.elementor-20953 .elementor-element.elementor-element-808fa66 .woocommerce ul.products li.product li.meta-categories{
  display: none !important;
}

.elementor-20953 .elementor-element.elementor-element-808fa66 .woocommerce ul.products li.product ul.entry-meta{
  display: none !important;
}



.elementor-20953 .elementor-element.elementor-element-808fa66 .woocommerce ul.products li.product{
  flex: 0 0 300px !important;
  width: 280px !important;
  max-width: 280px !important;
}

/* ILR — kaart compacter in hoogte */
.elementor-20953 .elementor-element.elementor-element-808fa66 .woocommerce ul.products li.product{
  padding-bottom: 12px !important;
}

/* minder ruimte onder cover */
.elementor-20953 .elementor-element.elementor-element-808fa66 .woocommerce ul.products li.product a.woocommerce-LoopProduct-link img{
  margin-bottom: 5px !important;
}

/* tekstblokken compacter */
.elementor-20953 .elementor-element.elementor-element-808fa66 .woocommerce ul.products li.product .woocommerce-loop-product__title{
  margin-bottom: 1px !important;
}

.elementor-20953 .elementor-element.elementor-element-808fa66 .woocommerce ul.products li.product .ilr-albumtitel{
  margin-bottom: 5px !important;
  line-height: 1.18 !important;
}

.elementor-20953 .elementor-element.elementor-element-808fa66 .woocommerce ul.products li.product .ilr-editie{
  margin-top: 0 !important;
  margin-bottom: 8px !important;
}

/* label compacter */
.elementor-20953 .elementor-element.elementor-element-808fa66 .woocommerce ul.products li.product .ilr-label,
.elementor-20953 .elementor-element.elementor-element-808fa66 .woocommerce ul.products li.product .ilr-release{
  margin-bottom: 8px !important;
  padding: 4px 10px !important;
}

/* tags compacter */
.elementor-20953 .elementor-element.elementor-element-808fa66 .woocommerce ul.products li.product .ilr-taxline{
  margin-bottom: 8px !important;
}

.elementor-20953 .elementor-element.elementor-element-808fa66 .woocommerce ul.products li.product .price{
  margin-bottom: 10px !important;
}

/* knop iets minder hoog */
.elementor-20953 .elementor-element.elementor-element-808fa66 .woocommerce ul.products li.product .button,
.elementor-20953 .elementor-element.elementor-element-808fa66 .woocommerce ul.products li.product .add_to_cart_button,
.elementor-20953 .elementor-element.elementor-element-808fa66 .woocommerce ul.products li.product a.added_to_cart{
  min-height: 40px !important;
  padding: 9px 14px !important;
}





/* ILR — titelzone dichter op cover */
.elementor-20953 .elementor-element.elementor-element-808fa66 .woocommerce ul.products li.product .woocommerce-loop-product__title{
  margin-top: -10px !important;
}

/* albumtitel iets compacter */
.elementor-20953 .elementor-element.elementor-element-808fa66 .woocommerce ul.products li.product .ilr-albumtitel{
  margin-top: -2px !important;
}

/* editie iets omhoog */
.elementor-20953 .elementor-element.elementor-element-808fa66 .woocommerce ul.products li.product .ilr-editie{
  margin-top: 4px !important;
}

/* ILR — kaart standaard iets kleiner */
.elementor-20953 .elementor-element.elementor-element-808fa66 .woocommerce ul.products li.product{
  transform: scale(.97) !important;
  transform-origin: top center;
}

/* ILR — hover behoudt schaal + lift */
@media (hover:hover){
  .elementor-20953 .elementor-element.elementor-element-808fa66 .woocommerce ul.products li.product:hover{
    transform: scale(.97) translateY(-4px) !important;
  }
}




/* =========================================================
   ILR — Light sweep ALLEEN over de cover in Woo/Blocksy cards
   Plaats in de Custom CSS van de shortcode-widget/container
   ========================================================= */

/* Alleen de mogelijke image/media wrappers als positioning context */
.elementor-20953 .elementor-element.elementor-element-808fa66 .woocommerce ul.products li.product .ct-media-container,
.elementor-20953 .elementor-element.elementor-element-808fa66 .woocommerce ul.products li.product .ct-image-container,
.elementor-20953 .elementor-element.elementor-element-808fa66 .woocommerce ul.products li.product .attachment-woocommerce_thumbnail,
.elementor-20953 .elementor-element.elementor-element-808fa66 .woocommerce ul.products li.product .woocommerce-loop-product__link img,
.elementor-20953 .elementor-element.elementor-element-808fa66 .woocommerce ul.products li.product a.woocommerce-LoopProduct-link .ct-media-container,
.elementor-20953 .elementor-element.elementor-element-808fa66 .woocommerce ul.products li.product a.woocommerce-LoopProduct-link .ct-image-container{
  position: relative !important;
}

/* Sweep op de WRAPPER, niet op de hele shortcode-container */
.elementor-20953 .elementor-element.elementor-element-808fa66 .woocommerce ul.products li.product .ct-media-container::after,
.elementor-20953 .elementor-element.elementor-element-808fa66 .woocommerce ul.products li.product .ct-image-container::after,
.elementor-20953 .elementor-element.elementor-element-808fa66 .woocommerce ul.products li.product a.woocommerce-LoopProduct-link .ct-media-container::after,
.elementor-20953 .elementor-element.elementor-element-808fa66 .woocommerce ul.products li.product a.woocommerce-LoopProduct-link .ct-image-container::after{
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  left: -38% !important;
  width: 22% !important;
  pointer-events: none !important;
  z-index: 3 !important;
  opacity: 0 !important;

  background: linear-gradient(
    115deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0.00) 30%,
    rgba(255,255,255,0.08) 45%,
    rgba(255,255,255,0.22) 50%,
    rgba(255,255,255,0.08) 55%,
    rgba(255,255,255,0.00) 70%,
    rgba(255,255,255,0) 100%
  ) !important;

  transform: skewX(-18deg) !important;
  transition:
    left .7s ease,
    opacity .18s ease !important;
}

/* Hover per productkaart */
@media (hover:hover){
  .elementor-20953 .elementor-element.elementor-element-808fa66 .woocommerce ul.products li.product:hover .ct-media-container::after,
  .elementor-20953 .elementor-element.elementor-element-808fa66 .woocommerce ul.products li.product:hover .ct-image-container::after,
  .elementor-20953 .elementor-element.elementor-element-808fa66 .woocommerce ul.products li.product:hover a.woocommerce-LoopProduct-link .ct-media-container::after,
  .elementor-20953 .elementor-element.elementor-element-808fa66 .woocommerce ul.products li.product:hover a.woocommerce-LoopProduct-link .ct-image-container::after{
    left: 118% !important;
    opacity: 1 !important;
  }
}



/* =========================================================
   ILR — CTA ROW FIX
   Wishlist links naast winkelwagen, niet erboven
========================================================= */

/* action zone zelf */
.elementor-20953 .elementor-element.elementor-element-808fa66 .woocommerce ul.products li.product .ct-woo-card-actions,
.elementor-20953 .elementor-element.elementor-element-808fa66 ul.products li.product .ct-woo-card-actions{
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* de nieuwe rij die via PHP is geïnjecteerd */
.elementor-20953 .elementor-element.elementor-element-808fa66 .woocommerce ul.products li.product .ilr-loop-cta-row,
.elementor-20953 .elementor-element.elementor-element-808fa66 ul.products li.product .ilr-loop-cta-row{
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: nowrap !important;
  gap: 10px !important;

  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* wishlist kolom */
.elementor-20953 .elementor-element.elementor-element-808fa66 .woocommerce ul.products li.product .ilr-loop-cta-wish,
.elementor-20953 .elementor-element.elementor-element-808fa66 ul.products li.product .ilr-loop-cta-wish{
  flex: 0 0 38px !important;
  width: 32px !important;
  min-width: 32px !important;
  max-width: 32px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  margin: 0 !important;
  padding: 0 !important;
}

/* pak de TI wrappers hard aan */
.elementor-20953 .elementor-element.elementor-element-808fa66 .woocommerce ul.products li.product .ilr-loop-cta-wish .tinv-wraper,
.elementor-20953 .elementor-element.elementor-element-808fa66 ul.products li.product .ilr-loop-cta-wish .tinv-wraper{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 32px !important;
  min-width: 32px !important;
  max-width: 32px !important;

  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
}

.elementor-20953 .elementor-element.elementor-element-808fa66 .woocommerce ul.products li.product .ilr-loop-cta-wish .tinvwl_add_to_wishlist_button,
.elementor-20953 .elementor-element.elementor-element-808fa66 ul.products li.product .ilr-loop-cta-wish .tinvwl_add_to_wishlist_button{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  margin: 0 !important;
  padding: 0 !important;
  vertical-align: top !important;
}

/* cart kolom */
.elementor-20953 .elementor-element.elementor-element-808fa66 .woocommerce ul.products li.product .ilr-loop-cta-cart,
.elementor-20953 .elementor-element.elementor-element-808fa66 ul.products li.product .ilr-loop-cta-cart{
  flex: 1 1 auto !important;
  min-width: 0 !important;

  display: flex !important;
  align-items: stretch !important;
  justify-content: flex-start !important;

  margin: 0 !important;
  padding: 0 !important;
}

/* knop vult resterende breedte */
.elementor-20953 .elementor-element.elementor-element-808fa66 .woocommerce ul.products li.product .ilr-loop-cta-cart > a.button,
.elementor-20953 .elementor-element.elementor-element-808fa66 .woocommerce ul.products li.product .ilr-loop-cta-cart > a.add_to_cart_button,
.elementor-20953 .elementor-element.elementor-element-808fa66 ul.products li.product .ilr-loop-cta-cart > a.button,
.elementor-20953 .elementor-element.elementor-element-808fa66 ul.products li.product .ilr-loop-cta-cart > a.add_to_cart_button{
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}

/* voorkom rare plugin spacing */
.elementor-20953 .elementor-element.elementor-element-808fa66 .woocommerce ul.products li.product .ilr-loop-cta-wish *,
.elementor-20953 .elementor-element.elementor-element-808fa66 .woocommerce ul.products li.product .ilr-loop-cta-cart *,
.elementor-20953 .elementor-element.elementor-element-808fa66 ul.products li.product .ilr-loop-cta-wish *,
.elementor-20953 .elementor-element.elementor-element-808fa66 ul.products li.product .ilr-loop-cta-cart *{
  box-sizing: border-box !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-506df2d */.elementor-20953 .elementor-element.elementor-element-506df2d .elementor-heading-title{
  margin: 0 !important;
  display: inline-block !important;
  position: relative !important;

  font-size: 12px !important;
  line-height: 1.05 !important;
  font-weight: 800 !important;
  letter-spacing: .20em !important;
  text-transform: uppercase !important;

  color: rgba(255,255,255,.46) !important;

  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;

  text-shadow: 0 0 18px rgba(141,55,255,.10);
}

.elementor-20953 .elementor-element.elementor-element-506df2d .elementor-heading-title::after{
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  margin-top: 10px;

  background: linear-gradient(
    90deg,
    rgba(255,255,255,.16) 0%,
    rgba(230,142,255,.14) 45%,
    rgba(255,255,255,0) 100%
  );

  opacity: .9;
}

@media (max-width: 1024px){
  .elementor-20953 .elementor-element.elementor-element-506df2d .elementor-heading-title{
    font-size: 11px !important;
    letter-spacing: .18em !important;
  }

  .elementor-20953 .elementor-element.elementor-element-506df2d .elementor-heading-title::after{
    margin-top: 9px;
  }
}

@media (max-width: 767px){
  .elementor-20953 .elementor-element.elementor-element-506df2d .elementor-heading-title{
    font-size: 10px !important;
    letter-spacing: .16em !important;
    line-height: 1.08 !important;
  }

  .elementor-20953 .elementor-element.elementor-element-506df2d .elementor-heading-title::after{
    margin-top: 8px;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a27d1db */.elementor-20953 .elementor-element.elementor-element-a27d1db .elementor-heading-title{
  margin: 0 !important;
  font-size: clamp(42px, 5vw, 64px) !important;
  line-height: .98 !important;
  font-weight: 800 !important;
  letter-spacing: -.035em !important;
  color: rgba(255,255,255,.96) !important;
  text-wrap: balance;
}

@media (max-width: 767px){
  .elementor-20953 .elementor-element.elementor-element-a27d1db .elementor-heading-title{
    font-size: 32px !important;
    line-height: 1.02 !important;
  }
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-6441e12 */.elementor-20953 .elementor-element.elementor-element-6441e12{
height:1px;
background:
linear-gradient(90deg,
transparent,
rgba(255,255,255,.14),
transparent);
margin:1px 0;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d32a8a2 */.elementor-20953 .elementor-element.elementor-element-d32a8a2{
  margin: 0 !important;
  max-width: 620px;
  font-size: 17px !important;
  line-height: 1.52 !important;
  font-weight: 500 !important;
  color: rgba(255,255,255,.74) !important;
}

.elementor-20953 .elementor-element.elementor-element-d32a8a2 p{
  margin: 0 !important;
  font-size: inherit !important;
  line-height: inherit !important;
  font-weight: inherit !important;
  color: inherit !important;
}

@media (max-width: 767px){
  .elementor-20953 .elementor-element.elementor-element-d32a8a2{
    font-size: 16px !important;
    line-height: 1.5 !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2f126a4 */.elementor-20953 .elementor-element.elementor-element-2f126a4{
  max-width: 620px;
  margin: 0 0 1px 0;
}

.elementor-20953 .elementor-element.elementor-element-2f126a4 > .elementor-widget,
.elementor-20953 .elementor-element.elementor-element-2f126a4 > .e-con{
  margin-bottom: 0 !important;
}

@media (max-width: 767px){
  .elementor-20953 .elementor-element.elementor-element-2f126a4{
    margin-bottom: 1px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0387fee *//* =========================================================
   ILR — TILE 1 / TRIPTRONICA
   Mini polish:
   - glow linksboven subtieler
   - iets chiquer / rustiger
========================================================= */

.elementor-20953 .elementor-element.elementor-element-0387fee.ilr-tronica-tile.tronica-trip{
  position: relative;
  isolation: isolate;

  background-color: transparent !important;
  background-image:
    radial-gradient(circle at 18% 16%, rgba(141,55,255,.24) 0%, rgba(141,55,255,0) 44%),
    linear-gradient(180deg, rgba(26,18,42,.92) 0%, rgba(12,8,24,.97) 58%, rgba(8,5,16,1) 100%) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

/* horizontale groove-lijnen + lacquer */
.elementor-20953 .elementor-element.elementor-element-0387fee.ilr-tronica-tile.tronica-trip::before{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  z-index: 0;

  background-image:
    linear-gradient(
      118deg,
      rgba(255,255,255,.11) 0%,
      rgba(255,255,255,.036) 16%,
      rgba(255,255,255,0) 38%,
      rgba(255,255,255,.024) 72%,
      rgba(255,255,255,0) 100%
    ),
    repeating-linear-gradient(
      0deg,
      rgba(141,55,255,0) 0px,
      rgba(141,55,255,0) 13px,
      rgba(141,55,255,.050) 14px,
      rgba(141,55,255,0) 15px,
      rgba(141,55,255,0) 28px
    ) !important;

  opacity: .84 !important;
  transition:
    opacity .26s cubic-bezier(.22,.61,.36,1),
    transform .26s cubic-bezier(.22,.61,.36,1);
}

/* edge tint */
.elementor-20953 .elementor-element.elementor-element-0387fee.ilr-tronica-tile.tronica-trip::after{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  z-index: 1;

  box-shadow:
    inset 0 0 0 1px rgba(141,55,255,.12),
    inset 0 0 30px rgba(141,55,255,.055) !important;

  opacity: 1 !important;
  transition:
    box-shadow .26s cubic-bezier(.22,.61,.36,1),
    opacity .26s cubic-bezier(.22,.61,.36,1);
}

/* content erboven */
.elementor-20953 .elementor-element.elementor-element-0387fee.ilr-tronica-tile.tronica-trip > *{
  position: relative;
  z-index: 3;
}

/* titel-aura subtieler */
.elementor-20953 .elementor-element.elementor-element-0387fee.ilr-tronica-tile.tronica-trip .ilr-tronica-name::before{
  content: "";
  position: absolute;
  left: -14px;
  top: -30px;
  width: 170px;
  height: 170px;
  border-radius: 50%;
  pointer-events: none;
  z-index: -1;

  background: radial-gradient(circle, rgba(141,55,255,.38) 0%, rgba(141,55,255,0) 72%) !important;
  filter: blur(30px);
  opacity: .28 !important;

  transition:
    opacity .26s cubic-bezier(.22,.61,.36,1),
    transform .26s cubic-bezier(.22,.61,.36,1);
}

/* tekst iets strakker */
.elementor-20953 .elementor-element.elementor-element-0387fee.ilr-tronica-tile.tronica-trip .ilr-tronica-desc > .elementor-widget-container{
  max-width: 24ch !important;
}

/* hover */
@media (hover:hover){
  .elementor-20953 .elementor-element.elementor-element-0387fee.ilr-tronica-tile.tronica-trip:hover{
    background-image:
      radial-gradient(circle at 18% 16%, rgba(141,55,255,.32) 0%, rgba(141,55,255,0) 46%),
      linear-gradient(180deg, rgba(30,20,48,.96) 0%, rgba(14,9,27,.98) 58%, rgba(8,5,16,1) 100%) !important;
  }

  .elementor-20953 .elementor-element.elementor-element-0387fee.ilr-tronica-tile.tronica-trip:hover::before{
    opacity: .96 !important;
    transform: translateY(-2px);
  }

  .elementor-20953 .elementor-element.elementor-element-0387fee.ilr-tronica-tile.tronica-trip:hover::after{
    box-shadow:
      inset 0 0 0 1px rgba(141,55,255,.17),
      inset 0 0 36px rgba(141,55,255,.08),
      0 0 0 1px rgba(255,43,214,.05) !important;
  }

  .elementor-20953 .elementor-element.elementor-element-0387fee.ilr-tronica-tile.tronica-trip:hover .ilr-tronica-name::before{
    opacity: .38 !important;
    transform: translateY(-2px);
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6747377 *//* =========================================================
   ILR — TILE 2 / DREAMTRONICA
   Mini polish:
   - lichtspot boven titel diffuser
   - ambience iets vloeiender
========================================================= */

.elementor-20953 .elementor-element.elementor-element-6747377.ilr-tronica-tile.tronica-dream{
  position: relative;
  isolation: isolate;

  background-color: transparent !important;
  background-image:
    radial-gradient(circle at 24% 18%, rgba(230,142,255,.20) 0%, rgba(230,142,255,0) 34%),
    radial-gradient(circle at 78% 22%, rgba(141,55,255,.16) 0%, rgba(141,55,255,0) 38%),
    linear-gradient(180deg, rgba(24,17,40,.92) 0%, rgba(12,8,24,.97) 58%, rgba(8,5,16,1) 100%) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

/* zwevende mist / arcs */
.elementor-20953 .elementor-element.elementor-element-6747377.ilr-tronica-tile.tronica-dream::before{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  z-index: 0;

  background-image:
    radial-gradient(circle at 32% 26%, rgba(255,255,255,.050) 0%, rgba(255,255,255,0) 22%),
    radial-gradient(circle at 62% 18%, rgba(230,142,255,.075) 0%, rgba(230,142,255,0) 26%),
    radial-gradient(circle at 70% 34%, rgba(141,55,255,.060) 0%, rgba(141,55,255,0) 24%),
    linear-gradient(
      118deg,
      rgba(255,255,255,.09) 0%,
      rgba(255,255,255,.026) 16%,
      rgba(255,255,255,0) 38%,
      rgba(255,255,255,.020) 72%,
      rgba(255,255,255,0) 100%
    ) !important;

  opacity: .82 !important;
  transition:
    opacity .26s cubic-bezier(.22,.61,.36,1),
    transform .26s cubic-bezier(.22,.61,.36,1);
}

/* zachte edge tint */
.elementor-20953 .elementor-element.elementor-element-6747377.ilr-tronica-tile.tronica-dream::after{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  z-index: 1;

  box-shadow:
    inset 0 0 0 1px rgba(230,142,255,.09),
    inset 0 0 34px rgba(141,55,255,.040) !important;

  opacity: 1 !important;
  transition:
    box-shadow .26s cubic-bezier(.22,.61,.36,1),
    opacity .26s cubic-bezier(.22,.61,.36,1);
}

/* content erboven */
.elementor-20953 .elementor-element.elementor-element-6747377.ilr-tronica-tile.tronica-dream > *{
  position: relative;
  z-index: 3;
}

/* titel-aura diffuser */
.elementor-20953 .elementor-element.elementor-element-6747377.ilr-tronica-tile.tronica-dream .ilr-tronica-name::before{
  content: "";
  position: absolute;
  left: -14px;
  top: -30px;
  width: 195px;
  height: 195px;
  border-radius: 50%;
  pointer-events: none;
  z-index: -1;

  background: radial-gradient(circle, rgba(230,142,255,.28) 0%, rgba(230,142,255,0) 76%) !important;
  filter: blur(38px);
  opacity: .26 !important;

  transition:
    opacity .26s cubic-bezier(.22,.61,.36,1),
    transform .26s cubic-bezier(.22,.61,.36,1);
}

/* tekst iets compacter */
.elementor-20953 .elementor-element.elementor-element-6747377.ilr-tronica-tile.tronica-dream .ilr-tronica-desc > .elementor-widget-container{
  max-width: 23ch !important;
}

/* hover */
@media (hover:hover){
  .elementor-20953 .elementor-element.elementor-element-6747377.ilr-tronica-tile.tronica-dream:hover{
    background-image:
      radial-gradient(circle at 24% 18%, rgba(230,142,255,.25) 0%, rgba(230,142,255,0) 38%),
      radial-gradient(circle at 78% 22%, rgba(141,55,255,.20) 0%, rgba(141,55,255,0) 42%),
      linear-gradient(180deg, rgba(28,20,46,.96) 0%, rgba(14,9,27,.98) 58%, rgba(8,5,16,1) 100%) !important;
  }

  .elementor-20953 .elementor-element.elementor-element-6747377.ilr-tronica-tile.tronica-dream:hover::before{
    opacity: .92 !important;
    transform: translateY(-2px) scale(1.01);
  }

  .elementor-20953 .elementor-element.elementor-element-6747377.ilr-tronica-tile.tronica-dream:hover::after{
    box-shadow:
      inset 0 0 0 1px rgba(230,142,255,.13),
      inset 0 0 38px rgba(141,55,255,.07),
      0 0 0 1px rgba(255,43,214,.04) !important;
  }

  .elementor-20953 .elementor-element.elementor-element-6747377.ilr-tronica-tile.tronica-dream:hover .ilr-tronica-name::before{
    opacity: .34 !important;
    transform: translateY(-2px);
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-db4c297 *//* =========================================================
   ILR — TILE 3 / JAZZTRONICA
   Plaats in de Jazztronica tile-container zelf
========================================================= */

.elementor-20953 .elementor-element.elementor-element-db4c297.ilr-tronica-tile.tronica-jazz{
  position: relative;
  isolation: isolate;

  background-color: transparent !important;
  background-image:
    linear-gradient(135deg, rgba(230,142,255,.10) 0%, rgba(230,142,255,0) 28%),
    radial-gradient(circle at 78% 16%, rgba(255,43,214,.12) 0%, rgba(255,43,214,0) 28%),
    linear-gradient(180deg, rgba(24,17,40,.92) 0%, rgba(12,8,24,.97) 58%, rgba(8,5,16,1) 100%) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

/* diagonale syncopatie + lacquer */
.elementor-20953 .elementor-element.elementor-element-db4c297.ilr-tronica-tile.tronica-jazz::before{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  z-index: 0;

  background-image:
    linear-gradient(
      118deg,
      rgba(255,255,255,.11) 0%,
      rgba(255,255,255,.032) 16%,
      rgba(255,255,255,0) 38%,
      rgba(255,255,255,.020) 72%,
      rgba(255,255,255,0) 100%
    ),
    repeating-linear-gradient(
      125deg,
      rgba(255,43,214,0) 0 18px,
      rgba(255,43,214,.050) 19px 20px,
      rgba(255,255,255,0) 21px 34px
    ) !important;

  opacity: .84 !important;
  transition:
    opacity .26s cubic-bezier(.22,.61,.36,1),
    transform .26s cubic-bezier(.22,.61,.36,1);
}

/* edge tint */
.elementor-20953 .elementor-element.elementor-element-db4c297.ilr-tronica-tile.tronica-jazz::after{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  z-index: 1;

  box-shadow:
    inset 0 0 0 1px rgba(255,43,214,.10),
    inset 0 0 34px rgba(230,142,255,.045) !important;

  opacity: 1 !important;
  transition:
    box-shadow .26s cubic-bezier(.22,.61,.36,1),
    opacity .26s cubic-bezier(.22,.61,.36,1);
}

/* content erboven */
.elementor-20953 .elementor-element.elementor-element-db4c297.ilr-tronica-tile.tronica-jazz > *{
  position: relative;
  z-index: 3;
}

/* titel-aura */
.elementor-20953 .elementor-element.elementor-element-db4c297.ilr-tronica-tile.tronica-jazz .ilr-tronica-name::before{
  content: "";
  position: absolute;
  left: -12px;
  top: -28px;
  width: 170px;
  height: 170px;
  border-radius: 50%;
  pointer-events: none;
  z-index: -1;

  background: radial-gradient(circle, rgba(255,43,214,.30) 0%, rgba(255,43,214,0) 72%) !important;
  filter: blur(30px);
  opacity: .28 !important;

  transition:
    opacity .26s cubic-bezier(.22,.61,.36,1),
    transform .26s cubic-bezier(.22,.61,.36,1);
}

/* tekst iets compacter */
.elementor-20953 .elementor-element.elementor-element-db4c297.ilr-tronica-tile.tronica-jazz .ilr-tronica-desc > .elementor-widget-container{
  max-width: 24ch !important;
}

/* hover */
@media (hover:hover){
  .elementor-20953 .elementor-element.elementor-element-db4c297.ilr-tronica-tile.tronica-jazz:hover{
    background-image:
      linear-gradient(135deg, rgba(230,142,255,.14) 0%, rgba(230,142,255,0) 32%),
      radial-gradient(circle at 78% 16%, rgba(255,43,214,.18) 0%, rgba(255,43,214,0) 32%),
      linear-gradient(180deg, rgba(28,20,46,.96) 0%, rgba(14,9,27,.98) 58%, rgba(8,5,16,1) 100%) !important;
  }

  .elementor-20953 .elementor-element.elementor-element-db4c297.ilr-tronica-tile.tronica-jazz:hover::before{
    opacity: .96 !important;
    transform: translateY(-1px);
  }

  .elementor-20953 .elementor-element.elementor-element-db4c297.ilr-tronica-tile.tronica-jazz:hover::after{
    box-shadow:
      inset 0 0 0 1px rgba(255,43,214,.15),
      inset 0 0 40px rgba(230,142,255,.07),
      0 0 0 1px rgba(255,43,214,.05) !important;
  }

  .elementor-20953 .elementor-element.elementor-element-db4c297.ilr-tronica-tile.tronica-jazz:hover .ilr-tronica-name::before{
    opacity: .38 !important;
    transform: translateY(-2px);
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5afe73c *//* =========================================================
   ILR — TILE 4 / TECHNOTRONICA
   Upgrade:
   - subtiele verticale pulsebars
   - lichte ritmische shimmer
   - mechanische techno-grid blijft hoofdstructuur
========================================================= */

.elementor-20953 .elementor-element.elementor-element-5afe73c.ilr-tronica-tile.tronica-techno{
  position: relative;
  isolation: isolate;

  background-color: transparent !important;
  background-image:
    linear-gradient(180deg, rgba(17,12,30,.96) 0%, rgba(9,7,18,.99) 58%, rgba(6,4,12,1) 100%) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

/* techno grid structuur */
.elementor-20953 .elementor-element.elementor-element-5afe73c.ilr-tronica-tile.tronica-techno::before{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  z-index: 0;

  background-image:
    linear-gradient(rgba(255,255,255,.028) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.020) 1px, transparent 1px),
    linear-gradient(
      180deg,
      rgba(141,55,255,.055) 0%,
      rgba(141,55,255,0) 24%,
      rgba(141,55,255,0) 76%,
      rgba(141,55,255,.035) 100%
    );

  background-size:
    26px 26px,
    26px 26px,
    100% 100% !important;

  opacity: .78 !important;
  transition:
    opacity .26s cubic-bezier(.22,.61,.36,1),
    transform .26s cubic-bezier(.22,.61,.36,1);
}

/* ritmische vertical pulsebars */
.elementor-20953 .elementor-element.elementor-element-5afe73c.ilr-tronica-tile.tronica-techno::after{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  z-index: 1;

  background-image:
    repeating-linear-gradient(
      90deg,
      rgba(141,55,255,0) 0 36px,
      rgba(141,55,255,.045) 37px 38px,
      rgba(141,55,255,0) 39px 72px
    );

  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.035),
    inset 0 0 0 1px rgba(141,55,255,.08);

  opacity: .60 !important;

  transition:
    opacity .26s cubic-bezier(.22,.61,.36,1),
    box-shadow .26s cubic-bezier(.22,.61,.36,1),
    transform .26s cubic-bezier(.22,.61,.36,1);
}

/* content erboven */
.elementor-20953 .elementor-element.elementor-element-5afe73c.ilr-tronica-tile.tronica-techno > *{
  position: relative;
  z-index: 3;
}

/* minimale techno aura */
.elementor-20953 .elementor-element.elementor-element-5afe73c.ilr-tronica-tile.tronica-techno .ilr-tronica-name::before{
  content: "";
  position: absolute;
  left: -6px;
  top: -14px;
  width: 110px;
  height: 110px;
  border-radius: 50%;
  pointer-events: none;
  z-index: -1;

  background: radial-gradient(circle, rgba(141,55,255,.15) 0%, rgba(141,55,255,0) 72%) !important;
  filter: blur(18px);
  opacity: .18 !important;

  transition:
    opacity .26s cubic-bezier(.22,.61,.36,1),
    transform .26s cubic-bezier(.22,.61,.36,1);
}

/* tekst compacter */
.elementor-20953 .elementor-element.elementor-element-5afe73c.ilr-tronica-tile.tronica-techno .ilr-tronica-desc > .elementor-widget-container{
  max-width: 22ch !important;
}

/* hover: ritmische activatie */
@media (hover:hover){

  .elementor-20953 .elementor-element.elementor-element-5afe73c.ilr-tronica-tile.tronica-techno:hover{
    background-image:
      linear-gradient(180deg, rgba(20,14,34,.98) 0%, rgba(10,7,19,1) 58%, rgba(6,4,12,1) 100%) !important;
  }

  .elementor-20953 .elementor-element.elementor-element-5afe73c.ilr-tronica-tile.tronica-techno:hover::before{
    opacity: .92 !important;
    transform: translateY(-1px);
  }

  .elementor-20953 .elementor-element.elementor-element-5afe73c.ilr-tronica-tile.tronica-techno:hover::after{
    opacity: .78 !important;
    transform: translateX(1px);
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,.05),
      inset 0 0 0 1px rgba(141,55,255,.14),
      0 0 0 1px rgba(255,43,214,.03);
  }

  .elementor-20953 .elementor-element.elementor-element-5afe73c.ilr-tronica-tile.tronica-techno:hover .ilr-tronica-name::before{
    opacity: .24 !important;
    transform: translateY(-1px);
  }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9d27aa3 *//* =========================================================
   ILR — TILE 5 / FUNKTRONICA
   Polish:
   - ringen zachter
   - basenergie meer verspreid
   - minder effectmatig, meer premium
========================================================= */

.elementor-20953 .elementor-element.elementor-element-9d27aa3.ilr-tronica-tile.tronica-funk{
  position: relative;
  isolation: isolate;

  background-color: transparent !important;
  background-image:
    radial-gradient(circle at 22% 18%, rgba(255,43,214,.14) 0%, rgba(255,43,214,0) 28%),
    radial-gradient(circle at 78% 22%, rgba(230,142,255,.10) 0%, rgba(230,142,255,0) 30%),
    linear-gradient(180deg, rgba(23,16,38,.94) 0%, rgba(11,8,22,.98) 58%, rgba(7,5,15,1) 100%) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

/* hoofdlaag: ronde groove-ringen zachter */
.elementor-20953 .elementor-element.elementor-element-9d27aa3.ilr-tronica-tile.tronica-funk::before{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  z-index: 0;

  background-image:
    repeating-radial-gradient(
      circle at 74% 78%,
      rgba(255,43,214,.040) 0 2px,
      rgba(255,43,214,0) 3px 24px
    ),
    radial-gradient(
      ellipse at 30% 40%,
      rgba(230,142,255,.08) 0%,
      rgba(230,142,255,0) 34%
    ),
    linear-gradient(
      118deg,
      rgba(255,255,255,.09) 0%,
      rgba(255,255,255,.026) 16%,
      rgba(255,255,255,0) 38%,
      rgba(255,255,255,.018) 72%,
      rgba(255,255,255,0) 100%
    ) !important;

  opacity: .80 !important;
  transition:
    opacity .26s cubic-bezier(.22,.61,.36,1),
    transform .26s cubic-bezier(.22,.61,.36,1);
}

/* tweede laag: basenergie meer verspreid */
.elementor-20953 .elementor-element.elementor-element-9d27aa3.ilr-tronica-tile.tronica-funk::after{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  z-index: 1;

  background-image:
    radial-gradient(
      ellipse at 34% 72%,
      rgba(255,43,214,.06) 0%,
      rgba(255,43,214,0) 30%
    );

  box-shadow:
    inset 0 0 0 1px rgba(255,43,214,.07),
    inset 0 0 26px rgba(255,43,214,.028) !important;

  opacity: .66 !important;
  transition:
    opacity .26s cubic-bezier(.22,.61,.36,1),
    box-shadow .26s cubic-bezier(.22,.61,.36,1);
}

/* content erboven */
.elementor-20953 .elementor-element.elementor-element-9d27aa3.ilr-tronica-tile.tronica-funk > *{
  position: relative;
  z-index: 3;
}

/* titel-aura warmer en iets rustiger */
.elementor-20953 .elementor-element.elementor-element-9d27aa3.ilr-tronica-tile.tronica-funk .ilr-tronica-name::before{
  content: "";
  position: absolute;
  left: -10px;
  top: -22px;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  pointer-events: none;
  z-index: -1;

  background: radial-gradient(circle, rgba(255,43,214,.20) 0%, rgba(255,43,214,0) 72%) !important;
  filter: blur(24px);
  opacity: .20 !important;

  transition:
    opacity .26s cubic-bezier(.22,.61,.36,1),
    transform .26s cubic-bezier(.22,.61,.36,1);
}

/* tekst iets compacter */
.elementor-20953 .elementor-element.elementor-element-9d27aa3.ilr-tronica-tile.tronica-funk .ilr-tronica-desc > .elementor-widget-container{
  max-width: 23ch !important;
}

/* hover: rijker, maar nog steeds gecontroleerd */
@media (hover:hover){
  .elementor-20953 .elementor-element.elementor-element-9d27aa3.ilr-tronica-tile.tronica-funk:hover{
    background-image:
      radial-gradient(circle at 22% 18%, rgba(255,43,214,.17) 0%, rgba(255,43,214,0) 32%),
      radial-gradient(circle at 78% 22%, rgba(230,142,255,.13) 0%, rgba(230,142,255,0) 34%),
      linear-gradient(180deg, rgba(27,19,44,.98) 0%, rgba(12,8,24,1) 58%, rgba(7,5,15,1) 100%) !important;
  }

  .elementor-20953 .elementor-element.elementor-element-9d27aa3.ilr-tronica-tile.tronica-funk:hover::before{
    opacity: .90 !important;
    transform: translateY(-1px);
  }

  .elementor-20953 .elementor-element.elementor-element-9d27aa3.ilr-tronica-tile.tronica-funk:hover::after{
    opacity: .74 !important;
    box-shadow:
      inset 0 0 0 1px rgba(255,43,214,.10),
      inset 0 0 32px rgba(255,43,214,.042),
      0 0 0 1px rgba(255,43,214,.03) !important;
  }

  .elementor-20953 .elementor-element.elementor-element-9d27aa3.ilr-tronica-tile.tronica-funk:hover .ilr-tronica-name::before{
    opacity: .26 !important;
    transform: translateY(-1px);
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4c61c31 *//* =========================================================
   ILR — TILE 6 / INDIETRONICA
   Polish:
   - meer karakter
   - lichte diagonale indie-noise
   - verticale signalen beter zichtbaar
========================================================= */

.elementor-20953 .elementor-element.elementor-element-4c61c31.ilr-tronica-tile.tronica-indie{
  position: relative;
  isolation: isolate;

  background-color: transparent !important;
  background-image:
    linear-gradient(145deg, rgba(255,255,255,.035) 0%, rgba(255,255,255,0) 26%),
    radial-gradient(circle at 82% 18%, rgba(141,55,255,.14) 0%, rgba(141,55,255,0) 30%),
    linear-gradient(180deg, rgba(22,16,37,.94) 0%, rgba(11,8,22,.98) 58%, rgba(7,5,15,1) 100%) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

/* hoofdlaag: verticale signalen + diagonale indie-noise */
.elementor-20953 .elementor-element.elementor-element-4c61c31.ilr-tronica-tile.tronica-indie::before{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  z-index: 0;

  background-image:
    repeating-linear-gradient(
      90deg,
      rgba(255,255,255,0) 0 20px,
      rgba(255,255,255,.028) 21px 22px,
      rgba(255,255,255,0) 23px 38px
    ),
    repeating-linear-gradient(
      135deg,
      rgba(230,142,255,0) 0 24px,
      rgba(230,142,255,.022) 25px 26px,
      rgba(230,142,255,0) 27px 48px
    ),
    linear-gradient(
      118deg,
      rgba(255,255,255,.10) 0%,
      rgba(255,255,255,.030) 16%,
      rgba(255,255,255,0) 38%,
      rgba(255,255,255,.020) 72%,
      rgba(255,255,255,0) 100%
    ),
    radial-gradient(
      ellipse at 26% 36%,
      rgba(230,142,255,.09) 0%,
      rgba(230,142,255,0) 28%
    ) !important;

  opacity: .88 !important;
  transition:
    opacity .26s cubic-bezier(.22,.61,.36,1),
    transform .26s cubic-bezier(.22,.61,.36,1);
}

/* tweede laag: zachte inner tint */
.elementor-20953 .elementor-element.elementor-element-4c61c31.ilr-tronica-tile.tronica-indie::after{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  z-index: 1;

  box-shadow:
    inset 0 0 0 1px rgba(230,142,255,.09),
    inset 0 0 30px rgba(141,55,255,.040) !important;

  opacity: .78 !important;
  transition:
    opacity .26s cubic-bezier(.22,.61,.36,1),
    box-shadow .26s cubic-bezier(.22,.61,.36,1);
}

/* content erboven */
.elementor-20953 .elementor-element.elementor-element-4c61c31.ilr-tronica-tile.tronica-indie > *{
  position: relative;
  z-index: 3;
}

/* titel-aura iets rijker */
.elementor-20953 .elementor-element.elementor-element-4c61c31.ilr-tronica-tile.tronica-indie .ilr-tronica-name::before{
  content: "";
  position: absolute;
  left: -10px;
  top: -20px;
  width: 145px;
  height: 145px;
  border-radius: 50%;
  pointer-events: none;
  z-index: -1;

  background: radial-gradient(circle, rgba(230,142,255,.24) 0%, rgba(230,142,255,0) 72%) !important;
  filter: blur(24px);
  opacity: .24 !important;

  transition:
    opacity .26s cubic-bezier(.22,.61,.36,1),
    transform .26s cubic-bezier(.22,.61,.36,1);
}

/* tekst iets compacter */
.elementor-20953 .elementor-element.elementor-element-4c61c31.ilr-tronica-tile.tronica-indie .ilr-tronica-desc > .elementor-widget-container{
  max-width: 24ch !important;
}

/* hover: iets rijker maar niet clubmatig */
@media (hover:hover){
  .elementor-20953 .elementor-element.elementor-element-4c61c31.ilr-tronica-tile.tronica-indie:hover{
    background-image:
      linear-gradient(145deg, rgba(255,255,255,.045) 0%, rgba(255,255,255,0) 30%),
      radial-gradient(circle at 82% 18%, rgba(141,55,255,.18) 0%, rgba(141,55,255,0) 34%),
      linear-gradient(180deg, rgba(26,19,42,.98) 0%, rgba(12,8,24,1) 58%, rgba(7,5,15,1) 100%) !important;
  }

  .elementor-20953 .elementor-element.elementor-element-4c61c31.ilr-tronica-tile.tronica-indie:hover::before{
    opacity: .96 !important;
    transform: translateY(-1px);
  }

  .elementor-20953 .elementor-element.elementor-element-4c61c31.ilr-tronica-tile.tronica-indie:hover::after{
    opacity: .86 !important;
    box-shadow:
      inset 0 0 0 1px rgba(230,142,255,.12),
      inset 0 0 34px rgba(141,55,255,.05),
      0 0 0 1px rgba(255,43,214,.03) !important;
  }

  .elementor-20953 .elementor-element.elementor-element-4c61c31.ilr-tronica-tile.tronica-indie:hover .ilr-tronica-name::before{
    opacity: .30 !important;
    transform: translateY(-1px);
  }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-fb6ec50 */.elementor-20953 .elementor-element.elementor-element-fb6ec50 .elementor-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:12px 18px;
  border-radius:14px;
  border:1px solid rgba(255,43,214,.26);
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02)),
    rgba(255,43,214,.06);
  color:rgba(255,255,255,.92);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.03),
    0 8px 18px rgba(0,0,0,.16);
  font-size:13px;
  font-weight:600;
  letter-spacing:.01em;
  text-decoration:none;
  transition:
    transform .18s ease,
    background .18s ease,
    border-color .18s ease,
    box-shadow .18s ease;
}

.elementor-20953 .elementor-element.elementor-element-fb6ec50 .elementor-button:hover{
  transform:translateY(-1px);
  border-color:rgba(255,43,214,.36);
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03)),
    rgba(255,43,214,.10);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.04),
    0 12px 24px rgba(0,0,0,.22),
    0 0 22px rgba(255,43,214,.10);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bfcb3f0 *//* STAP 1 — alleen grid + kale kaart */

.elementor-20953 .elementor-element.elementor-element-bfcb3f0{
  --ilr-bg-1: rgba(18,12,30,.78);
  --ilr-bg-2: rgba(10,7,20,.92);
  --ilr-bg-3: rgba(7,5,15,.98);

  --ilr-line: rgba(255,255,255,.08);
  --ilr-shadow-1: 0 18px 46px rgba(0,0,0,.44);
  --ilr-r: 22px;
}

/* grid */
.elementor-20953 .elementor-element.elementor-element-bfcb3f0 .ilr-tronica-grid{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 26px !important;
  align-items: stretch !important;
}

/* directe grid-kinderen */
.elementor-20953 .elementor-element.elementor-element-bfcb3f0 .ilr-tronica-grid > .e-con,
.elementor-20953 .elementor-element.elementor-element-bfcb3f0 .ilr-tronica-grid > .elementor-element,
.elementor-20953 .elementor-element.elementor-element-bfcb3f0 .ilr-tronica-grid > .ilr-tronica-tile{
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  justify-self: stretch !important;
  align-self: stretch !important;
}

/* kale tile */
.elementor-20953 .elementor-element.elementor-element-bfcb3f0 .ilr-tronica-tile{
  position: relative !important;
  overflow: hidden !important;

  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 250px !important;
  box-sizing: border-box !important;

  padding: 28px 26px 24px !important;
  border-radius: var(--ilr-r) !important;
  border: 1px solid var(--ilr-line) !important;

  background: linear-gradient(
    180deg,
    var(--ilr-bg-1) 0%,
    var(--ilr-bg-2) 58%,
    var(--ilr-bg-3) 100%
  ) !important;

  box-shadow:
    var(--ilr-shadow-1),
    inset 0 0 0 1px rgba(255,255,255,.03) !important;
}


/* STAP 2 — alleen titelbasis */

.elementor-20953 .elementor-element.elementor-element-bfcb3f0{
  --ilr-ink: rgba(255,255,255,.92);
}

/* title widget wrapper neutraal */
.elementor-20953 .elementor-element.elementor-element-bfcb3f0 .ilr-tronica-name{
  width: 100% !important;
  min-width: 0 !important;
}

/* alleen spacing onder de titel */
.elementor-20953 .elementor-element.elementor-element-bfcb3f0 .ilr-tronica-name > .elementor-widget-container{
  margin: 0 0 12px 0 !important;
  padding: 0 !important;
}

/* echte heading */
.elementor-20953 .elementor-element.elementor-element-bfcb3f0 .ilr-tronica-name .elementor-heading-title{
  margin: 0 !important;
  max-width: 100% !important;

  font-size: 21px !important;
  line-height: 1.02 !important;
  font-weight: 800 !important;
  letter-spacing: -.02em !important;
  color: var(--ilr-ink) !important;

  word-break: normal !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
  hyphens: none !important;
}




/* STAP 3 — alleen beschrijvingbasis */

.elementor-20953 .elementor-element.elementor-element-bfcb3f0{
  --ilr-sub: rgba(255,255,255,.74);
}

/* desc widget wrapper neutraal */
.elementor-20953 .elementor-element.elementor-element-bfcb3f0 .ilr-tronica-desc{
  width: 100% !important;
  min-width: 0 !important;
}

/* spacing op inner widget-container */
.elementor-20953 .elementor-element.elementor-element-bfcb3f0 .ilr-tronica-desc > .elementor-widget-container{
  margin: 0 !important;
  padding: 0 !important;
  max-width: 28ch !important;
}

/* echte tekst */
.elementor-20953 .elementor-element.elementor-element-bfcb3f0 .ilr-tronica-desc,
.elementor-20953 .elementor-element.elementor-element-bfcb3f0 .ilr-tronica-desc p{
  font-size: 14px !important;
  line-height: 1.55 !important;
  font-weight: 500 !important;
  letter-spacing: .002em !important;
  color: var(--ilr-sub) !important;

  word-break: normal !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
  hyphens: none !important;
}

.elementor-20953 .elementor-element.elementor-element-bfcb3f0 .ilr-tronica-desc p{
  margin: 0 !important;
}


/* STAP 4 — alleen simpele hover */

.elementor-20953 .elementor-element.elementor-element-bfcb3f0{
  --ilr-line-2: rgba(255,255,255,.12);
  --ilr-shadow-2: 0 28px 64px rgba(0,0,0,.62);
  --ilr-speed: .26s;
  --ilr-ease: cubic-bezier(.22,.61,.36,1);
}

.elementor-20953 .elementor-element.elementor-element-bfcb3f0 .ilr-tronica-tile{
  transition:
    transform var(--ilr-speed) var(--ilr-ease),
    box-shadow var(--ilr-speed) var(--ilr-ease),
    border-color var(--ilr-speed) var(--ilr-ease) !important;
}

@media (hover:hover){
  .elementor-20953 .elementor-element.elementor-element-bfcb3f0 .ilr-tronica-tile:hover{
    transform: translateY(-4px) !important;
    border-color: var(--ilr-line-2) !important;
    box-shadow:
      var(--ilr-shadow-2),
      inset 0 0 0 1px rgba(255,255,255,.04) !important;
  }

  .elementor-20953 .elementor-element.elementor-element-bfcb3f0 .ilr-tronica-tile:hover .ilr-tronica-name .elementor-heading-title{
    color: #FFE4FC !important;
  }

  .elementor-20953 .elementor-element.elementor-element-bfcb3f0 .ilr-tronica-tile:hover .ilr-tronica-desc,
  .elementor-20953 .elementor-element.elementor-element-bfcb3f0 .ilr-tronica-tile:hover .ilr-tronica-desc p,
  .elementor-20953 .elementor-element.elementor-element-bfcb3f0 .ilr-tronica-tile:hover .ilr-tronica-desc .elementor-widget-container{
    color: rgba(255,255,255,.82) !important;
  }
}




/* STAP 5 — alleen responsive overrides */

@media (max-width: 1024px){
  .elementor-20953 .elementor-element.elementor-element-bfcb3f0 .ilr-tronica-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 22px !important;
  }

  .elementor-20953 .elementor-element.elementor-element-bfcb3f0 .ilr-tronica-tile{
    min-height: 230px !important;
    padding: 24px 22px 22px !important;
  }

  .elementor-20953 .elementor-element.elementor-element-bfcb3f0 .ilr-tronica-name .elementor-heading-title{
    font-size: 19px !important;
  }
}

@media (max-width: 767px){
  .elementor-20953 .elementor-element.elementor-element-bfcb3f0 .ilr-tronica-grid{
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  .elementor-20953 .elementor-element.elementor-element-bfcb3f0 .ilr-tronica-tile{
    min-height: 206px !important;
    padding: 22px 20px 20px !important;
    border-radius: 18px !important;
  }

  .elementor-20953 .elementor-element.elementor-element-bfcb3f0 .ilr-tronica-name .elementor-heading-title{
    font-size: 18px !important;
  }

  .elementor-20953 .elementor-element.elementor-element-bfcb3f0 .ilr-tronica-desc,
  .elementor-20953 .elementor-element.elementor-element-bfcb3f0 .ilr-tronica-desc p{
    font-size: 13.5px !important;
    line-height: 1.52 !important;
  }
}


/* STAP 6 — alleen verticale positionering van tile-content */

.elementor-20953 .elementor-element.elementor-element-bfcb3f0 .ilr-tronica-tile{
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
}

/* dit is de echte positionering: content lager in de kaart */
.elementor-20953 .elementor-element.elementor-element-bfcb3f0 .ilr-tronica-name{
  margin-top: 18px !important;
}

/* beschrijving direct onder titel houden */
.elementor-20953 .elementor-element.elementor-element-bfcb3f0 .ilr-tronica-desc{
  margin-top: 0 !important;
}



/* primaire knop */
.elementor-20953 .elementor-element.elementor-element-bfcb3f0 .ilr-hero-btn-primary .elementor-button{
  min-height: 50px;
  padding: 14px 22px;
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02)),
    rgba(255,43,214,.09);
  border: 1px solid rgba(255,43,214,.30);
  color: rgba(255,255,255,.94);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.03),
    0 10px 24px rgba(0,0,0,.22);
  transition:
    transform .22s ease,
    border-color .22s ease,
    box-shadow .22s ease,
    background .22s ease;
}

.elementor-20953 .elementor-element.elementor-element-bfcb3f0 .ilr-hero-btn-primary .elementor-button:hover{
  transform: translateY(-2px);
  border-color: rgba(255,43,214,.42);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.04),
    0 16px 34px rgba(0,0,0,.30),
    0 0 20px rgba(255,43,214,.10);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-aca3140 */.elementor-20953 .elementor-element.elementor-element-aca3140 .elementor-heading-title{
  margin: 0 !important;
  display: inline-block !important;
  position: relative !important;

  font-size: 12px !important;
  line-height: 1.05 !important;
  font-weight: 800 !important;
  letter-spacing: .20em !important;
  text-transform: uppercase !important;

  color: rgba(255,255,255,.46) !important;

  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;

  text-shadow: 0 0 18px rgba(141,55,255,.10);
}

.elementor-20953 .elementor-element.elementor-element-aca3140 .elementor-heading-title::after{
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  margin-top: 10px;

  background: linear-gradient(
    90deg,
    rgba(255,255,255,.16) 0%,
    rgba(230,142,255,.14) 45%,
    rgba(255,255,255,0) 100%
  );

  opacity: .9;
}

@media (max-width: 1024px){
  .elementor-20953 .elementor-element.elementor-element-aca3140 .elementor-heading-title{
    font-size: 11px !important;
    letter-spacing: .18em !important;
  }

  .elementor-20953 .elementor-element.elementor-element-aca3140 .elementor-heading-title::after{
    margin-top: 9px;
  }
}

@media (max-width: 767px){
  .elementor-20953 .elementor-element.elementor-element-aca3140 .elementor-heading-title{
    font-size: 10px !important;
    letter-spacing: .16em !important;
    line-height: 1.08 !important;
  }

  .elementor-20953 .elementor-element.elementor-element-aca3140 .elementor-heading-title::after{
    margin-top: 8px;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-864ab78 */.elementor-20953 .elementor-element.elementor-element-864ab78 .elementor-heading-title{
  margin: 0 !important;
  font-size: clamp(42px, 5vw, 64px) !important;
  line-height: .98 !important;
  font-weight: 800 !important;
  letter-spacing: -.035em !important;
  color: rgba(255,255,255,.96) !important;
  text-wrap: balance;
}

@media (max-width: 767px){
  .elementor-20953 .elementor-element.elementor-element-864ab78 .elementor-heading-title{
    font-size: 32px !important;
    line-height: 1.02 !important;
  }
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-f42f49b */.elementor-20953 .elementor-element.elementor-element-f42f49b{
height:1px;
background:
linear-gradient(90deg,
transparent,
rgba(255,255,255,.14),
transparent);
margin:1px 0;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-6e81743 */.elementor-20953 .elementor-element.elementor-element-6e81743{
  margin: 0 !important;
  max-width: 620px;
  font-size: 17px !important;
  line-height: 1.52 !important;
  font-weight: 500 !important;
  color: rgba(255,255,255,.74) !important;
}

.elementor-20953 .elementor-element.elementor-element-6e81743 p{
  margin: 0 !important;
  font-size: inherit !important;
  line-height: inherit !important;
  font-weight: inherit !important;
  color: inherit !important;
}

@media (max-width: 767px){
  .elementor-20953 .elementor-element.elementor-element-6e81743{
    font-size: 16px !important;
    line-height: 1.5 !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ed8f294 */.elementor-20953 .elementor-element.elementor-element-ed8f294{
  max-width: 820px;
  margin: 0 0 1px 0;
}

.elementor-20953 .elementor-element.elementor-element-ed8f294 > .elementor-widget,
.elementor-20953 .elementor-element.elementor-element-ed8f294 > .e-con{
  margin-bottom: 0 !important;
}

@media (max-width: 767px){
  .elementor-20953 .elementor-element.elementor-element-ed8f294{
    margin-bottom: 1px;
  }
}/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-f36c25e *//* ========================================================= 
   ILR — Hovertekst in bestaande Woo/Blocksy cover
   Alleen hovertekst + onderste fade
   Laat bestaande rand/hover/card-effecten met rust
   ========================================================= */

/* bestaande cover-wrapper alleen als positioneringsanker */
.elementor-20953 .elementor-element.elementor-element-f36c25e .woocommerce ul.products li.product .ct-media-container,
.elementor-20953 .elementor-element.elementor-element-f36c25e .woocommerce ul.products li.product .ct-image-container,
.elementor-20953 .elementor-element.elementor-element-f36c25e .woocommerce ul.products li.product a.woocommerce-LoopProduct-link{
  position: relative !important;
  overflow: hidden !important;
}

/* alleen onderste zone donker maken */
.elementor-20953 .elementor-element.elementor-element-f36c25e .woocommerce ul.products li.product .ct-media-container::after,
.elementor-20953 .elementor-element.elementor-element-f36c25e .woocommerce ul.products li.product .ct-image-container::after,
.elementor-20953 .elementor-element.elementor-element-f36c25e .woocommerce ul.products li.product a.woocommerce-LoopProduct-link::after{
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 24% !important;
  z-index: 4 !important;
  pointer-events: none !important;
  opacity: 0 !important;
  transition: opacity .26s ease !important;

  background: linear-gradient(
    180deg,
    rgba(7,5,15,0) 0%,
    rgba(7,5,15,.10) 24%,
    rgba(7,5,15,.46) 72%,
    rgba(7,5,15,.84) 100%
  ) !important;
}

/* tekstblok */
.elementor-20953 .elementor-element.elementor-element-f36c25e .woocommerce ul.products li.product .ilr-hover-desc{
  position: absolute !important;
  left: 12px !important;
  right: 12px !important;
  bottom: 12px !important;
  z-index: 6 !important;

  margin: 0 !important;
  padding: 8px 10px !important;
  border-radius: 10px !important;

  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 4 !important;
  overflow: hidden !important;

  font-size: 12px !important;
  line-height: 1.34 !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;

  color: rgba(255,255,255,.96) !important;
  -webkit-text-fill-color: rgba(255,255,255,.96) !important;
  text-decoration: none !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.45) !important;

  background: linear-gradient(
    180deg,
    rgba(12,10,22,.38) 0%,
    rgba(9,7,18,.78) 100%
  ) !important;

  border: 1px solid rgba(255,255,255,.07) !important;
  box-shadow:
    0 8px 20px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.05) !important;

  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;

  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(8px) !important;
  transition:
    opacity .26s ease,
    transform .26s ease,
    visibility .26s ease !important;

  pointer-events: none !important;
}

/* hover */
@media (hover:hover){
  .elementor-20953 .elementor-element.elementor-element-f36c25e .woocommerce ul.products li.product:hover .ct-media-container::after,
  .elementor-20953 .elementor-element.elementor-element-f36c25e .woocommerce ul.products li.product:hover .ct-image-container::after,
  .elementor-20953 .elementor-element.elementor-element-f36c25e .woocommerce ul.products li.product:hover a.woocommerce-LoopProduct-link::after{
    opacity: 1 !important;
  }

  .elementor-20953 .elementor-element.elementor-element-f36c25e .woocommerce ul.products li.product:hover .ilr-hover-desc{
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
  }
}

.woocommerce ul.products li.product .ilr-label{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
  width: 100%;
}

.woocommerce ul.products li.product .ilr-label__text{
  flex: 1 1 auto;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
}

.woocommerce ul.products li.product .ilr-label__date{
  flex: 0 0 auto;
  white-space: nowrap;
  color: rgba(255,255,255,.62);
}


/* =========================================================
   ILR — artiest + albumtitel altijd 1 regel met ellipsis
   Zet dit ONDERAAN de bestaande kaart-CSS
========================================================= */

.elementor-20953 .elementor-element.elementor-element-f36c25e .woocommerce ul.products li.product .woocommerce-loop-product__title,
.elementor-20953 .elementor-element.elementor-element-f36c25e ul.products li.product .woocommerce-loop-product__title,
.elementor-20953 .elementor-element.elementor-element-f36c25e .woocommerce ul.products li.product .ilr-albumtitel,
.elementor-20953 .elementor-element.elementor-element-f36c25e ul.products li.product .ilr-albumtitel{
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

/* extra zekerheid als de titel-link of wrapper vreemd doet */
.elementor-20953 .elementor-element.elementor-element-f36c25e .woocommerce ul.products li.product a .woocommerce-loop-product__title,
.elementor-20953 .elementor-element.elementor-element-f36c25e ul.products li.product a .woocommerce-loop-product__title{
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-0c2c7f6 */.elementor-20953 .elementor-element.elementor-element-0c2c7f6 .elementor-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:12px 18px;
  border-radius:14px;
  border:1px solid rgba(255,43,214,.26);
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02)),
    rgba(255,43,214,.06);
  color:rgba(255,255,255,.92);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.03),
    0 8px 18px rgba(0,0,0,.16);
  font-size:13px;
  font-weight:600;
  letter-spacing:.01em;
  text-decoration:none;
  transition:
    transform .18s ease,
    background .18s ease,
    border-color .18s ease,
    box-shadow .18s ease;
}

.elementor-20953 .elementor-element.elementor-element-0c2c7f6 .elementor-button:hover{
  transform:translateY(-1px);
  border-color:rgba(255,43,214,.36);
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03)),
    rgba(255,43,214,.10);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.04),
    0 12px 24px rgba(0,0,0,.22),
    0 0 22px rgba(255,43,214,.10);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-42729e2 *//* =========================================================
   ILR — WOO PRODUCT CARD — SIGNATURE CARD PRO v2
   Voor nieuwe PHP-structuur:
   .ilr-loop-meta
   .ilr-albumtitel
   .ilr-editie
   .ilr-meta-row
   .ilr-label
   .ilr-release
   .ilr-submeta
   .ilr-tax
   ========================================================= */

/* =========================
   0) TOKENS
========================= */
.elementor-20953 .elementor-element.elementor-element-42729e2{
  --ilr-card-r: 22px;

  --ilr-bg-a: rgba(18, 12, 30, .88);
  --ilr-bg-b: rgba(10, 7, 20, .94);
  --ilr-bg-c: rgba(7, 5, 15, .98);

  --ilr-ink: rgba(255,255,255,.94);
  --ilr-sub: rgba(255,255,255,.76);
  --ilr-dim: rgba(255,255,255,.56);

  --ilr-line: rgba(255,255,255,.06);
  --ilr-line-2: rgba(255,255,255,.10);

  --ilr-pink: rgba(255,43,214,.92);
  --ilr-pink-soft: rgba(255,43,214,.18);
  --ilr-pink-faint: rgba(255,43,214,.08);

  --ilr-shadow-1: 0 10px 28px rgba(0,0,0,.34);
  --ilr-shadow-2: 0 18px 42px rgba(0,0,0,.48);

  --ilr-speed: .26s;
  --ilr-ease: cubic-bezier(.22,.61,.36,1);
}

/* =========================
   1) GRID
========================= */
.elementor-20953 .elementor-element.elementor-element-42729e2 .woocommerce ul.products,
.elementor-20953 .elementor-element.elementor-element-42729e2 ul.products{
  gap: 18px !important;
}

/* =========================
   2) PRODUCT CARD BASIS
========================= */
.elementor-20953 .elementor-element.elementor-element-42729e2 .woocommerce ul.products li.product,
.elementor-20953 .elementor-element.elementor-element-42729e2 ul.products li.product{
  position: relative !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 16px 16px 14px !important;
  border: 0 !important;
  border-radius: var(--ilr-card-r) !important;

  background:
    radial-gradient(120% 95% at 12% 0%, rgba(255,255,255,.045), rgba(255,255,255,0) 42%),
    linear-gradient(180deg, var(--ilr-bg-a) 0%, var(--ilr-bg-b) 58%, var(--ilr-bg-c) 100%) !important;

  box-shadow:
    var(--ilr-shadow-1),
    inset 0 0 0 1px var(--ilr-line) !important;

  transition:
    transform var(--ilr-speed) var(--ilr-ease),
    box-shadow var(--ilr-speed) var(--ilr-ease),
    background var(--ilr-speed) var(--ilr-ease) !important;
}

/* =========================
   3) LACQUER TOPCOAT
========================= */
.elementor-20953 .elementor-element.elementor-element-42729e2 .woocommerce ul.products li.product::before,
.elementor-20953 .elementor-element.elementor-element-42729e2 ul.products li.product::before{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  z-index: 0;

  background:
    linear-gradient(118deg,
      rgba(255,255,255,.12) 0%,
      rgba(255,255,255,.04) 16%,
      rgba(255,255,255,0) 38%,
      rgba(255,255,255,.03) 72%,
      rgba(255,255,255,0) 100%);
  opacity: .50;
}

/* =========================
   4) NEON EDGE
========================= */
.elementor-20953 .elementor-element.elementor-element-42729e2 .woocommerce ul.products li.product::after,
.elementor-20953 .elementor-element.elementor-element-42729e2 ul.products li.product::after{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  z-index: 1;

  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.04),
    inset 0 0 0 1px rgba(255,43,214,0);

  transition:
    box-shadow var(--ilr-speed) var(--ilr-ease),
    opacity var(--ilr-speed) var(--ilr-ease);
}

@media (hover:hover){
  .elementor-20953 .elementor-element.elementor-element-42729e2 .woocommerce ul.products li.product:hover,
  .elementor-20953 .elementor-element.elementor-element-42729e2 ul.products li.product:hover{
    transform: translateY(-4px) !important;
    box-shadow:
      var(--ilr-shadow-2),
      inset 0 0 0 1px var(--ilr-line-2) !important;

    background:
      radial-gradient(120% 95% at 12% 0%, rgba(255,255,255,.06), rgba(255,255,255,0) 42%),
      linear-gradient(180deg, rgba(22,15,36,.92) 0%, rgba(12,8,24,.96) 58%, rgba(8,5,16,.99) 100%) !important;
  }

  .elementor-20953 .elementor-element.elementor-element-42729e2 .woocommerce ul.products li.product:hover::after,
  .elementor-20953 .elementor-element.elementor-element-42729e2 ul.products li.product:hover::after{
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,.05),
      inset 0 0 0 1px rgba(255,43,214,.24),
      0 0 0 1px rgba(255,43,214,.10),
      0 0 22px rgba(255,43,214,.12);
  }
}
/* =========================
   5) PRODUCT LINK
========================= */
.elementor-20953 .elementor-element.elementor-element-42729e2 .woocommerce ul.products li.product a.woocommerce-LoopProduct-link,
.elementor-20953 .elementor-element.elementor-element-42729e2 ul.products li.product a.woocommerce-LoopProduct-link{
  position: relative !important;
  z-index: 3 !important;
  text-decoration: none !important;
  color: inherit !important;
}
/* =========================
   6) COVER
========================= */
.elementor-20953 .elementor-element.elementor-element-42729e2 .woocommerce ul.products li.product a.woocommerce-LoopProduct-link img,
.elementor-20953 .elementor-element.elementor-element-42729e2 ul.products li.product a.woocommerce-LoopProduct-link img{
  position: relative !important;
  z-index: 2 !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 0 14px 0 !important;
  border-radius: 14px !important;

  box-shadow:
    0 8px 22px rgba(0,0,0,.22),
    inset 0 0 0 1px rgba(255,255,255,.05) !important;

  transition:
    transform var(--ilr-speed) var(--ilr-ease),
    box-shadow var(--ilr-speed) var(--ilr-ease),
    filter var(--ilr-speed) var(--ilr-ease) !important;
}

@media (hover:hover){
  .elementor-20953 .elementor-element.elementor-element-42729e2 .woocommerce ul.products li.product:hover a.woocommerce-LoopProduct-link img,
  .elementor-20953 .elementor-element.elementor-element-42729e2 ul.products li.product:hover a.woocommerce-LoopProduct-link img{
    transform: translateY(-1px) scale(1.008) !important;
    box-shadow:
      0 12px 28px rgba(0,0,0,.28),
      inset 0 0 0 1px rgba(255,255,255,.07) !important;
    filter: saturate(1.03) brightness(1.02) !important;
  }
}

/* =========================
   7) WOO TITEL = ARTIEST
========================= */
.elementor-20953 .elementor-element.elementor-element-42729e2 .woocommerce ul.products li.product .woocommerce-loop-product__title,
.elementor-20953 .elementor-element.elementor-element-42729e2 ul.products li.product .woocommerce-loop-product__title{
  position: relative !important;
  z-index: 3 !important;
  margin: 0 0 4px 0 !important;
  padding: 0 !important;

  font-size: 17px !important;
  line-height: 1.22 !important;
  font-weight: 700 !important;
  letter-spacing: -.01em !important;
  color: var(--ilr-ink) !important;

  transition: color var(--ilr-speed) var(--ilr-ease) !important;
}

/* =========================
   8) EXTRA META WRAPPER
========================= */
.elementor-20953 .elementor-element.elementor-element-42729e2 .ilr-loop-meta{
  position: relative;
  z-index: 3;
  margin: 0 0 10px 0;
}

/* albumtitel */
.elementor-20953 .elementor-element.elementor-element-42729e2 .ilr-albumtitel{
  display: block;
  margin: 0 0 6px 0;
  text-decoration: none !important;
  font-size: 14px;
  line-height: 1.35;
  font-weight: 500;
  color: var(--ilr-sub) !important;

  transition: color var(--ilr-speed) var(--ilr-ease);
}

/* editie */
.elementor-20953 .elementor-element.elementor-element-42729e2 .ilr-editie{
  margin: 0 0 8px 0;
  font-size: 12px;
  line-height: 1.35;
  color: var(--ilr-dim);

  transition: color var(--ilr-speed) var(--ilr-ease);
}

/* label + release */
.elementor-20953 .elementor-element.elementor-element-42729e2 .ilr-meta-row{
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin: 0 0 10px 0;
}

.elementor-20953 .elementor-element.elementor-element-42729e2 .ilr-label,
.elementor-20953 .elementor-element.elementor-element-42729e2 .ilr-release{
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 4px 8px;
  border-radius: 999px;

  background: rgba(255,255,255,.045);
  border: 1px solid rgba(255,255,255,.05);
  color: var(--ilr-dim);

  font-size: 12px;
  line-height: 1.2;

  transition:
    color var(--ilr-speed) var(--ilr-ease),
    border-color var(--ilr-speed) var(--ilr-ease),
    background var(--ilr-speed) var(--ilr-ease);
}

/* tax tags */
.elementor-20953 .elementor-element.elementor-element-42729e2 .ilr-submeta{
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin: 0;
}

.elementor-20953 .elementor-element.elementor-element-42729e2 .ilr-tax{
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 4px 8px;
  border-radius: 999px;

  background: rgba(255,255,255,.045);
  border: 1px solid rgba(255,255,255,.05);
  color: var(--ilr-dim) !important;

  font-size: 12px;
  line-height: 1.2;
  text-decoration: none !important;

  transition:
    color var(--ilr-speed) var(--ilr-ease),
    border-color var(--ilr-speed) var(--ilr-ease),
    background var(--ilr-speed) var(--ilr-ease),
    transform var(--ilr-speed) var(--ilr-ease);
}

/* =========================
   9) PRIJS
========================= */
.elementor-20953 .elementor-element.elementor-element-42729e2 .woocommerce ul.products li.product .price,
.elementor-20953 .elementor-element.elementor-element-42729e2 ul.products li.product .price{
  position: relative !important;
  z-index: 3 !important;
  display: block !important;
  margin: 2px 0 12px 0 !important;
  padding: 0 !important;

  font-size: 17px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  color: var(--ilr-ink) !important;

  transition: color var(--ilr-speed) var(--ilr-ease) !important;
}

.elementor-20953 .elementor-element.elementor-element-42729e2 .woocommerce ul.products li.product .price del,
.elementor-20953 .elementor-element.elementor-element-42729e2 ul.products li.product .price del{
  opacity: .54 !important;
  color: var(--ilr-dim) !important;
}

.elementor-20953 .elementor-element.elementor-element-42729e2 .woocommerce ul.products li.product .price ins,
.elementor-20953 .elementor-element.elementor-element-42729e2 ul.products li.product .price ins{
  text-decoration: none !important;
  color: inherit !important;
}

/* =========================
   10) BUTTON
========================= */
.elementor-20953 .elementor-element.elementor-element-42729e2 .woocommerce ul.products li.product .button,
.elementor-20953 .elementor-element.elementor-element-42729e2 ul.products li.product .button{
  position: relative !important;
  z-index: 4 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;

  width: 100% !important;
  min-width: 0 !important;
  height: 42px !important;
  min-height: 42px !important;
  box-sizing: border-box !important;

  margin: 0 !important;
  padding: 0 16px !important;
  border-radius: 14px !important;

  border: 1px solid rgba(255,43,214,.26) !important;
  background: rgba(255,43,214,.06) !important;
  color: var(--ilr-ink) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 8px 18px rgba(0,0,0,.16) !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: -0.01em !important;
  text-decoration: none !important;
  text-align: center !important;

  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;

  transition:
    background-color .18s ease,
    border-color .18s ease,
    transform .18s ease,
    box-shadow .18s ease,
    color .18s ease !important;
}

/* hover / focus */
.elementor-20953 .elementor-element.elementor-element-42729e2 .woocommerce ul.products li.product .button:hover,
.elementor-20953 .elementor-element.elementor-element-42729e2 ul.products li.product .button:hover,
.elementor-20953 .elementor-element.elementor-element-42729e2 .woocommerce ul.products li.product .button:focus,
.elementor-20953 .elementor-element.elementor-element-42729e2 ul.products li.product .button:focus{
  background: rgba(255,43,214,.10) !important;
  border-color: rgba(255,43,214,.36) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 6px 14px rgba(0,0,0,.16) !important;
  color: #fff !important;
  transform: translateY(-1px) !important;
  outline: none !important;
}


/* =========================
   10B) BUTTON HOVER FIX
   Nieuwe structuur met .ilr-loop-cta-cart
========================= */
.elementor-20953 .elementor-element.elementor-element-42729e2 .woocommerce ul.products li.product .ct-woo-card-actions,
.elementor-20953 .elementor-element.elementor-element-42729e2 ul.products li.product .ct-woo-card-actions{
  position: relative !important;
  z-index: 5 !important;
}

.elementor-20953 .elementor-element.elementor-element-42729e2 .woocommerce ul.products li.product .ilr-loop-cta-cart > a.button,
.elementor-20953 .elementor-element.elementor-element-42729e2 .woocommerce ul.products li.product .ilr-loop-cta-cart > a.add_to_cart_button,
.elementor-20953 .elementor-element.elementor-element-42729e2 ul.products li.product .ilr-loop-cta-cart > a.button,
.elementor-20953 .elementor-element.elementor-element-42729e2 ul.products li.product .ilr-loop-cta-cart > a.add_to_cart_button{
  position: relative !important;
  z-index: 6 !important;
  width: 100% !important;
  pointer-events: auto !important;
  background: rgba(255,43,214,.06) !important;
  border: 1px solid rgba(255,43,214,.26) !important;
  color: rgba(255,255,255,.92) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
  transition:
    background-color .18s ease,
    border-color .18s ease,
    transform .18s ease,
    box-shadow .18s ease,
    color .18s ease !important;
}

.elementor-20953 .elementor-element.elementor-element-42729e2 .woocommerce ul.products li.product .ilr-loop-cta-cart > a.button:hover,
.elementor-20953 .elementor-element.elementor-element-42729e2 .woocommerce ul.products li.product .ilr-loop-cta-cart > a.button:focus,
.elementor-20953 .elementor-element.elementor-element-42729e2 .woocommerce ul.products li.product .ilr-loop-cta-cart > a.button:active,
.elementor-20953 .elementor-element.elementor-element-42729e2 .woocommerce ul.products li.product .ilr-loop-cta-cart > a.add_to_cart_button:hover,
.elementor-20953 .elementor-element.elementor-element-42729e2 .woocommerce ul.products li.product .ilr-loop-cta-cart > a.add_to_cart_button:focus,
.elementor-20953 .elementor-element.elementor-element-42729e2 .woocommerce ul.products li.product .ilr-loop-cta-cart > a.add_to_cart_button:active,
.elementor-20953 .elementor-element.elementor-element-42729e2 ul.products li.product .ilr-loop-cta-cart > a.button:hover,
.elementor-20953 .elementor-element.elementor-element-42729e2 ul.products li.product .ilr-loop-cta-cart > a.button:focus,
.elementor-20953 .elementor-element.elementor-element-42729e2 ul.products li.product .ilr-loop-cta-cart > a.button:active,
.elementor-20953 .elementor-element.elementor-element-42729e2 ul.products li.product .ilr-loop-cta-cart > a.add_to_cart_button:hover,
.elementor-20953 .elementor-element.elementor-element-42729e2 ul.products li.product .ilr-loop-cta-cart > a.add_to_cart_button:focus,
.elementor-20953 .elementor-element.elementor-element-42729e2 ul.products li.product .ilr-loop-cta-cart > a.add_to_cart_button:active{
  background: rgba(255,43,214,.10) !important;
  border-color: rgba(255,43,214,.36) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 6px 14px rgba(0,0,0,.16) !important;
  color: #fff !important;
  transform: translateY(-1px) !important;
  outline: none !important;
}


/* =========================
   11) SALE BADGE
========================= */
.elementor-20953 .elementor-element.elementor-element-42729e2 .woocommerce ul.products li.product .onsale,
.elementor-20953 .elementor-element.elementor-element-42729e2 ul.products li.product .onsale{
  top: 12px !important;
  left: 12px !important;
  right: auto !important;
  min-height: unset !important;
  min-width: unset !important;
  margin: 0 !important;
  padding: 7px 10px !important;
  border-radius: 999px !important;

  background: rgba(255,43,214,.88) !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  box-shadow: 0 10px 20px rgba(0,0,0,.22) !important;

  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  letter-spacing: .03em !important;
  text-transform: uppercase !important;
  z-index: 5 !important;
}

/* =========================
   12) HOVER SYNCHROON
========================= */
@media (hover:hover){
  .elementor-20953 .elementor-element.elementor-element-42729e2 .woocommerce ul.products li.product:hover .woocommerce-loop-product__title,
  .elementor-20953 .elementor-element.elementor-element-42729e2 ul.products li.product:hover .woocommerce-loop-product__title{
    color: #ffd6fb !important;
  }

  .elementor-20953 .elementor-element.elementor-element-42729e2 .woocommerce ul.products li.product:hover .ilr-albumtitel,
  .elementor-20953 .elementor-element.elementor-element-42729e2 ul.products li.product:hover .ilr-albumtitel,
  .elementor-20953 .elementor-element.elementor-element-42729e2 .woocommerce ul.products li.product:hover .price,
  .elementor-20953 .elementor-element.elementor-element-42729e2 ul.products li.product:hover .price{
    color: rgba(255,255,255,.92) !important;
  }

  .elementor-20953 .elementor-element.elementor-element-42729e2 .woocommerce ul.products li.product:hover .ilr-editie,
  .elementor-20953 .elementor-element.elementor-element-42729e2 ul.products li.product:hover .ilr-editie{
    color: rgba(255,255,255,.72) !important;
  }

  .elementor-20953 .elementor-element.elementor-element-42729e2 .woocommerce ul.products li.product:hover .ilr-label,
  .elementor-20953 .elementor-element.elementor-element-42729e2 ul.products li.product:hover .ilr-label,
  .elementor-20953 .elementor-element.elementor-element-42729e2 .woocommerce ul.products li.product:hover .ilr-release,
  .elementor-20953 .elementor-element.elementor-element-42729e2 ul.products li.product:hover .ilr-release,
  .elementor-20953 .elementor-element.elementor-element-42729e2 .woocommerce ul.products li.product:hover .ilr-tax,
  .elementor-20953 .elementor-element.elementor-element-42729e2 ul.products li.product:hover .ilr-tax{
    border-color: rgba(255,43,214,.14) !important;
    background: rgba(255,43,214,.07) !important;
    color: rgba(255,255,255,.84) !important;
  }

  .elementor-20953 .elementor-element.elementor-element-42729e2 .woocommerce ul.products li.product:hover .button,
  .elementor-20953 .elementor-element.elementor-element-42729e2 ul.products li.product:hover .button{
    transform: translateY(-1px) !important;
    border-color: rgba(255,43,214,.36) !important;
    background:
      linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02)),
      rgba(255,43,214,.10) !important;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,.04),
      0 10px 22px rgba(0,0,0,.22),
      0 0 0 1px rgba(255,43,214,.08) !important;
  }

  .elementor-20953 .elementor-element.elementor-element-42729e2 .woocommerce ul.products li.product:hover .ilr-tax:hover,
  .elementor-20953 .elementor-element.elementor-element-42729e2 ul.products li.product:hover .ilr-tax:hover{
    transform: translateY(-1px);
  }
}

/* =========================
   13) RATING
========================= */
.elementor-20953 .elementor-element.elementor-element-42729e2 .woocommerce ul.products li.product .star-rating,
.elementor-20953 .elementor-element.elementor-element-42729e2 ul.products li.product .star-rating{
  position: relative !important;
  z-index: 3 !important;
  margin: 0 0 8px 0 !important;
  color: rgba(255,43,214,.92) !important;
  font-size: 12px !important;
}

/* =========================
   14) FOCUS
========================= */
.elementor-20953 .elementor-element.elementor-element-42729e2 .woocommerce ul.products li.product a:focus-visible,
.elementor-20953 .elementor-element.elementor-element-42729e2 ul.products li.product a:focus-visible,
.elementor-20953 .elementor-element.elementor-element-42729e2 .woocommerce ul.products li.product .button:focus-visible,
.elementor-20953 .elementor-element.elementor-element-42729e2 ul.products li.product .button:focus-visible{
  outline: 2px solid rgba(255,43,214,.42) !important;
  outline-offset: 2px !important;
}

/* =========================
   15) MOBILE
========================= */
@media (max-width: 767px){
  .elementor-20953 .elementor-element.elementor-element-42729e2 .woocommerce ul.products li.product,
  .elementor-20953 .elementor-element.elementor-element-42729e2 ul.products li.product{
    padding: 13px 13px 12px !important;
    border-radius: 18px !important;
  }

  .elementor-20953 .elementor-element.elementor-element-42729e2 .woocommerce ul.products li.product .woocommerce-loop-product__title,
  .elementor-20953 .elementor-element.elementor-element-42729e2 ul.products li.product .woocommerce-loop-product__title{
    font-size: 15px !important;
  }

  .elementor-20953 .elementor-element.elementor-element-42729e2 .ilr-albumtitel{
    font-size: 13px;
  }

  .elementor-20953 .elementor-element.elementor-element-42729e2 .woocommerce ul.products li.product .price,
  .elementor-20953 .elementor-element.elementor-element-42729e2 ul.products li.product .price{
    font-size: 15px !important;
  }

  .elementor-20953 .elementor-element.elementor-element-42729e2 .woocommerce ul.products li.product .button,
  .elementor-20953 .elementor-element.elementor-element-42729e2 ul.products li.product .button{
    min-height: 40px !important;
    padding: 9px 12px !important;
    font-size: 12px !important;
    border-radius: 12px !important;
  }
}

/* =========================
   16) REDUCED MOTION
========================= */
@media (prefers-reduced-motion: reduce){
  .elementor-20953 .elementor-element.elementor-element-42729e2 .woocommerce ul.products li.product,
  .elementor-20953 .elementor-element.elementor-element-42729e2 ul.products li.product,
  .elementor-20953 .elementor-element.elementor-element-42729e2 .woocommerce ul.products li.product::after,
  .elementor-20953 .elementor-element.elementor-element-42729e2 ul.products li.product::after,
  .elementor-20953 .elementor-element.elementor-element-42729e2 .woocommerce ul.products li.product a.woocommerce-LoopProduct-link img,
  .elementor-20953 .elementor-element.elementor-element-42729e2 ul.products li.product a.woocommerce-LoopProduct-link img,
  .elementor-20953 .elementor-element.elementor-element-42729e2 .woocommerce ul.products li.product .woocommerce-loop-product__title,
  .elementor-20953 .elementor-element.elementor-element-42729e2 ul.products li.product .woocommerce-loop-product__title,
  .elementor-20953 .elementor-element.elementor-element-42729e2 .woocommerce ul.products li.product .price,
  .elementor-20953 .elementor-element.elementor-element-42729e2 ul.products li.product .price,
  .elementor-20953 .elementor-element.elementor-element-42729e2 .woocommerce ul.products li.product .button,
  .elementor-20953 .elementor-element.elementor-element-42729e2 ul.products li.product .button,
  .elementor-20953 .elementor-element.elementor-element-42729e2 .ilr-loop-meta,
  .elementor-20953 .elementor-element.elementor-element-42729e2 .ilr-albumtitel,
  .elementor-20953 .elementor-element.elementor-element-42729e2 .ilr-editie,
  .elementor-20953 .elementor-element.elementor-element-42729e2 .ilr-meta-row,
  .elementor-20953 .elementor-element.elementor-element-42729e2 .ilr-label,
  .elementor-20953 .elementor-element.elementor-element-42729e2 .ilr-release,
  .elementor-20953 .elementor-element.elementor-element-42729e2 .ilr-submeta,
  .elementor-20953 .elementor-element.elementor-element-42729e2 .ilr-tax{
    transition: none !important;
  }
}
.elementor-20953 .elementor-element.elementor-element-42729e2 .woocommerce ul.products li.product li.meta-categories{
  display: none !important;
}

.elementor-20953 .elementor-element.elementor-element-42729e2 .woocommerce ul.products li.product ul.entry-meta{
  display: none !important;
}



.elementor-20953 .elementor-element.elementor-element-42729e2 .woocommerce ul.products li.product{
  flex: 0 0 300px !important;
  width: 280px !important;
  max-width: 280px !important;
}

/* ILR — kaart compacter in hoogte */
.elementor-20953 .elementor-element.elementor-element-42729e2 .woocommerce ul.products li.product{
  padding-bottom: 12px !important;
}

/* minder ruimte onder cover */
.elementor-20953 .elementor-element.elementor-element-42729e2 .woocommerce ul.products li.product a.woocommerce-LoopProduct-link img{
  margin-bottom: 5px !important;
}

/* tekstblokken compacter */
.elementor-20953 .elementor-element.elementor-element-42729e2 .woocommerce ul.products li.product .woocommerce-loop-product__title{
  margin-bottom: 1px !important;
}

.elementor-20953 .elementor-element.elementor-element-42729e2 .woocommerce ul.products li.product .ilr-albumtitel{
  margin-bottom: 5px !important;
  line-height: 1.18 !important;
}

.elementor-20953 .elementor-element.elementor-element-42729e2 .woocommerce ul.products li.product .ilr-editie{
  margin-top: 0 !important;
  margin-bottom: 8px !important;
}

/* label compacter */
.elementor-20953 .elementor-element.elementor-element-42729e2 .woocommerce ul.products li.product .ilr-label,
.elementor-20953 .elementor-element.elementor-element-42729e2 .woocommerce ul.products li.product .ilr-release{
  margin-bottom: 8px !important;
  padding: 4px 10px !important;
}

/* tags compacter */
.elementor-20953 .elementor-element.elementor-element-42729e2 .woocommerce ul.products li.product .ilr-taxline{
  margin-bottom: 8px !important;
}

.elementor-20953 .elementor-element.elementor-element-42729e2 .woocommerce ul.products li.product .price{
  margin-bottom: 10px !important;
}

/* knop iets minder hoog */
.elementor-20953 .elementor-element.elementor-element-42729e2 .woocommerce ul.products li.product .button,
.elementor-20953 .elementor-element.elementor-element-42729e2 .woocommerce ul.products li.product .add_to_cart_button,
.elementor-20953 .elementor-element.elementor-element-42729e2 .woocommerce ul.products li.product a.added_to_cart{
  min-height: 40px !important;
  padding: 9px 14px !important;
}





/* ILR — titelzone dichter op cover */
.elementor-20953 .elementor-element.elementor-element-42729e2 .woocommerce ul.products li.product .woocommerce-loop-product__title{
  margin-top: -10px !important;
}

/* albumtitel iets compacter */
.elementor-20953 .elementor-element.elementor-element-42729e2 .woocommerce ul.products li.product .ilr-albumtitel{
  margin-top: -2px !important;
}

/* editie iets omhoog */
.elementor-20953 .elementor-element.elementor-element-42729e2 .woocommerce ul.products li.product .ilr-editie{
  margin-top: 4px !important;
}

/* ILR — kaart standaard iets kleiner */
.elementor-20953 .elementor-element.elementor-element-42729e2 .woocommerce ul.products li.product{
  transform: scale(.97) !important;
  transform-origin: top center;
}

/* ILR — hover behoudt schaal + lift */
@media (hover:hover){
  .elementor-20953 .elementor-element.elementor-element-42729e2 .woocommerce ul.products li.product:hover{
    transform: scale(.97) translateY(-4px) !important;
  }
}




/* =========================================================
   ILR — Light sweep ALLEEN over de cover in Woo/Blocksy cards
   Plaats in de Custom CSS van de shortcode-widget/container
   ========================================================= */

/* Alleen de mogelijke image/media wrappers als positioning context */
.elementor-20953 .elementor-element.elementor-element-42729e2 .woocommerce ul.products li.product .ct-media-container,
.elementor-20953 .elementor-element.elementor-element-42729e2 .woocommerce ul.products li.product .ct-image-container,
.elementor-20953 .elementor-element.elementor-element-42729e2 .woocommerce ul.products li.product .attachment-woocommerce_thumbnail,
.elementor-20953 .elementor-element.elementor-element-42729e2 .woocommerce ul.products li.product .woocommerce-loop-product__link img,
.elementor-20953 .elementor-element.elementor-element-42729e2 .woocommerce ul.products li.product a.woocommerce-LoopProduct-link .ct-media-container,
.elementor-20953 .elementor-element.elementor-element-42729e2 .woocommerce ul.products li.product a.woocommerce-LoopProduct-link .ct-image-container{
  position: relative !important;
}

/* Sweep op de WRAPPER, niet op de hele shortcode-container */
.elementor-20953 .elementor-element.elementor-element-42729e2 .woocommerce ul.products li.product .ct-media-container::after,
.elementor-20953 .elementor-element.elementor-element-42729e2 .woocommerce ul.products li.product .ct-image-container::after,
.elementor-20953 .elementor-element.elementor-element-42729e2 .woocommerce ul.products li.product a.woocommerce-LoopProduct-link .ct-media-container::after,
.elementor-20953 .elementor-element.elementor-element-42729e2 .woocommerce ul.products li.product a.woocommerce-LoopProduct-link .ct-image-container::after{
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  left: -38% !important;
  width: 22% !important;
  pointer-events: none !important;
  z-index: 3 !important;
  opacity: 0 !important;

  background: linear-gradient(
    115deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0.00) 30%,
    rgba(255,255,255,0.08) 45%,
    rgba(255,255,255,0.22) 50%,
    rgba(255,255,255,0.08) 55%,
    rgba(255,255,255,0.00) 70%,
    rgba(255,255,255,0) 100%
  ) !important;

  transform: skewX(-18deg) !important;
  transition:
    left .7s ease,
    opacity .18s ease !important;
}

/* Hover per productkaart */
@media (hover:hover){
  .elementor-20953 .elementor-element.elementor-element-42729e2 .woocommerce ul.products li.product:hover .ct-media-container::after,
  .elementor-20953 .elementor-element.elementor-element-42729e2 .woocommerce ul.products li.product:hover .ct-image-container::after,
  .elementor-20953 .elementor-element.elementor-element-42729e2 .woocommerce ul.products li.product:hover a.woocommerce-LoopProduct-link .ct-media-container::after,
  .elementor-20953 .elementor-element.elementor-element-42729e2 .woocommerce ul.products li.product:hover a.woocommerce-LoopProduct-link .ct-image-container::after{
    left: 118% !important;
    opacity: 1 !important;
  }
}



/* =========================================================
   ILR — CTA ROW FIX
   Wishlist links naast winkelwagen, niet erboven
========================================================= */

/* action zone zelf */
.elementor-20953 .elementor-element.elementor-element-42729e2 .woocommerce ul.products li.product .ct-woo-card-actions,
.elementor-20953 .elementor-element.elementor-element-42729e2 ul.products li.product .ct-woo-card-actions{
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* de nieuwe rij die via PHP is geïnjecteerd */
.elementor-20953 .elementor-element.elementor-element-42729e2 .woocommerce ul.products li.product .ilr-loop-cta-row,
.elementor-20953 .elementor-element.elementor-element-42729e2 ul.products li.product .ilr-loop-cta-row{
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: nowrap !important;
  gap: 10px !important;

  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* wishlist kolom */
.elementor-20953 .elementor-element.elementor-element-42729e2 .woocommerce ul.products li.product .ilr-loop-cta-wish,
.elementor-20953 .elementor-element.elementor-element-42729e2 ul.products li.product .ilr-loop-cta-wish{
  flex: 0 0 38px !important;
  width: 32px !important;
  min-width: 32px !important;
  max-width: 32px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  margin: 0 !important;
  padding: 0 !important;
}

/* pak de TI wrappers hard aan */
.elementor-20953 .elementor-element.elementor-element-42729e2 .woocommerce ul.products li.product .ilr-loop-cta-wish .tinv-wraper,
.elementor-20953 .elementor-element.elementor-element-42729e2 ul.products li.product .ilr-loop-cta-wish .tinv-wraper{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 32px !important;
  min-width: 32px !important;
  max-width: 32px !important;

  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
}

.elementor-20953 .elementor-element.elementor-element-42729e2 .woocommerce ul.products li.product .ilr-loop-cta-wish .tinvwl_add_to_wishlist_button,
.elementor-20953 .elementor-element.elementor-element-42729e2 ul.products li.product .ilr-loop-cta-wish .tinvwl_add_to_wishlist_button{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  margin: 0 !important;
  padding: 0 !important;
  vertical-align: top !important;
}

/* cart kolom */
.elementor-20953 .elementor-element.elementor-element-42729e2 .woocommerce ul.products li.product .ilr-loop-cta-cart,
.elementor-20953 .elementor-element.elementor-element-42729e2 ul.products li.product .ilr-loop-cta-cart{
  flex: 1 1 auto !important;
  min-width: 0 !important;

  display: flex !important;
  align-items: stretch !important;
  justify-content: flex-start !important;

  margin: 0 !important;
  padding: 0 !important;
}

/* knop vult resterende breedte */
.elementor-20953 .elementor-element.elementor-element-42729e2 .woocommerce ul.products li.product .ilr-loop-cta-cart > a.button,
.elementor-20953 .elementor-element.elementor-element-42729e2 .woocommerce ul.products li.product .ilr-loop-cta-cart > a.add_to_cart_button,
.elementor-20953 .elementor-element.elementor-element-42729e2 ul.products li.product .ilr-loop-cta-cart > a.button,
.elementor-20953 .elementor-element.elementor-element-42729e2 ul.products li.product .ilr-loop-cta-cart > a.add_to_cart_button{
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}

/* voorkom rare plugin spacing */
.elementor-20953 .elementor-element.elementor-element-42729e2 .woocommerce ul.products li.product .ilr-loop-cta-wish *,
.elementor-20953 .elementor-element.elementor-element-42729e2 .woocommerce ul.products li.product .ilr-loop-cta-cart *,
.elementor-20953 .elementor-element.elementor-element-42729e2 ul.products li.product .ilr-loop-cta-wish *,
.elementor-20953 .elementor-element.elementor-element-42729e2 ul.products li.product .ilr-loop-cta-cart *{
  box-sizing: border-box !important;
}





.elementor-20953 .elementor-element.elementor-element-42729e2{
  overflow: visible !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6e5bc7b *//* =========================================================
   ILR — FEATURED ALBUM STAGE
   FINAL A — DESKTOP / TABLET / MOBIEL
   PLAATS OP:
   .ilr-featured-album__stage.is-concept-a
========================================================= */

.elementor-20953 .elementor-element.elementor-element-6e5bc7b{
  position: relative;
  min-height: 620px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible !important;
  isolation: isolate;
  z-index: 1;
}

/* extra assets uit */
.elementor-20953 .elementor-element.elementor-element-6e5bc7b .ilr-featured-album__asset-2,
.elementor-20953 .elementor-element.elementor-element-6e5bc7b .ilr-featured-album__asset-3{
  display: none !important;
}

/* stage structuur */
.elementor-20953 .elementor-element.elementor-element-6e5bc7b .ilr-featured-album__media{
  position: relative;
  width: 100%;
  min-height: 620px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible !important;
  z-index: 2;
}

.elementor-20953 .elementor-element.elementor-element-6e5bc7b .ilr-featured-album__object{
  position: relative;
  width: min(100%, 520px);
  min-height: 540px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible !important;
  z-index: 3;
}

.elementor-20953 .elementor-element.elementor-element-6e5bc7b .ilr-featured-album__cover{
  position: relative;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible !important;
  transform: translate(8px, 10px);
}

/* vinyl disc */
.elementor-20953 .elementor-element.elementor-element-6e5bc7b::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 560px;
  height: 560px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  z-index: 0;
  pointer-events: none;

  background:
    radial-gradient(circle at center,
      rgba(18,12,30,.98) 0 11%,
      rgba(10,7,20,.995) 11% 24%,
      rgba(7,5,16,1) 24% 60%,
      rgba(5,4,13,1) 60% 100%);

  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.02),
    inset 0 0 28px rgba(141,55,255,.03),
    0 24px 66px rgba(0,0,0,.36);
}

/* halo preciezer, minder vaag */
.elementor-20953 .elementor-element.elementor-element-6e5bc7b::after{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 618px;
  height: 618px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  z-index: 1;
  pointer-events: none;
  opacity: .76;

  background:
    radial-gradient(circle,
      rgba(255,43,214,0) 60%,
      rgba(141,55,255,.072) 69%,
      rgba(141,55,255,.032) 76%,
      rgba(141,55,255,0) 85%),
    repeating-radial-gradient(
      circle,
      rgba(255,255,255,0) 0 12px,
      rgba(141,55,255,.032) 12px 13px
    );
}

/* dock subtieler */
.elementor-20953 .elementor-element.elementor-element-6e5bc7b .ilr-featured-album__object::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 52%;
  width: 430px;
  height: 448px;
  transform: translate(-50%, -50%);
  border-radius: 40px;
  z-index: 2;
  pointer-events: none;

  background:
    linear-gradient(180deg,
      rgba(15,10,27,.62) 0%,
      rgba(10,7,20,.78) 28%,
      rgba(7,5,15,.90) 68%,
      rgba(5,4,13,.96) 100%);

  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.025),
    inset 0 8px 16px rgba(255,255,255,.008),
    inset 0 -20px 30px rgba(0,0,0,.16),
    0 16px 38px rgba(0,0,0,.26);
}

/* zachte aura rond cover */
.elementor-20953 .elementor-element.elementor-element-6e5bc7b .ilr-featured-album__cover::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 474px;
  height: 474px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  z-index: 3;
  pointer-events: none;

  background:
    radial-gradient(circle,
      rgba(141,55,255,.12) 0%,
      rgba(141,55,255,.055) 34%,
      rgba(141,55,255,.018) 54%,
      rgba(141,55,255,0) 70%);
}

/* cover */
.elementor-20953 .elementor-element.elementor-element-6e5bc7b .ilr-featured-album__cover img{
  display: block;
  width: 100%;
  max-width: 396px;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  margin: 0 auto;
  position: relative;
  z-index: 5;
  border-radius: 24px;

  box-shadow:
    0 42px 96px rgba(0,0,0,.50),
    0 16px 32px rgba(0,0,0,.26),
    0 0 0 1px rgba(255,255,255,.045);
}

/* lacquer edge */
.elementor-20953 .elementor-element.elementor-element-6e5bc7b .ilr-featured-album__cover::after{
  content: "";
  position: absolute;
  inset: -8px;
  border-radius: 30px;
  z-index: 6;
  pointer-events: none;

  background:
    linear-gradient(132deg,
      rgba(255,255,255,.075) 0%,
      rgba(255,255,255,.02) 12%,
      rgba(255,255,255,0) 30%,
      rgba(230,142,255,.045) 72%,
      rgba(255,255,255,0) 100%);

  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.025);

  opacity: .44;
  mix-blend-mode: screen;
}

/* tangentiale precisie */
.elementor-20953 .elementor-element.elementor-element-6e5bc7b .ilr-featured-album__media::after{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 552px;
  height: 552px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  z-index: 2;
  pointer-events: none;
  opacity: .24;

  background:
    conic-gradient(from 204deg,
      rgba(141,55,255,0) 0deg 48deg,
      rgba(141,55,255,.075) 48deg 69deg,
      rgba(141,55,255,0) 69deg 214deg,
      rgba(230,142,255,.06) 214deg 232deg,
      rgba(141,55,255,0) 232deg 360deg);
}

/* grounding */
.elementor-20953 .elementor-element.elementor-element-6e5bc7b .ilr-featured-album__object::after{
  content: "";
  position: absolute;
  left: 50%;
  bottom: 18px;
  width: 330px;
  height: 60px;
  transform: translateX(-50%);
  border-radius: 50%;
  z-index: 1;
  pointer-events: none;

  background:
    radial-gradient(circle,
      rgba(0,0,0,.44) 0%,
      rgba(0,0,0,.20) 46%,
      rgba(0,0,0,0) 76%);
}

/* =========================
   TABLET
========================= */
@media (max-width: 1024px){
  .elementor-20953 .elementor-element.elementor-element-6e5bc7b{
    min-height: 520px;
  }

  .elementor-20953 .elementor-element.elementor-element-6e5bc7b .ilr-featured-album__media{
    min-height: 520px;
  }

  .elementor-20953 .elementor-element.elementor-element-6e5bc7b::before{
    width: 472px;
    height: 472px;
  }

  .elementor-20953 .elementor-element.elementor-element-6e5bc7b::after{
    width: 528px;
    height: 528px;
  }

  .elementor-20953 .elementor-element.elementor-element-6e5bc7b .ilr-featured-album__object{
    width: min(100%, 430px);
    min-height: 445px;
  }

  .elementor-20953 .elementor-element.elementor-element-6e5bc7b .ilr-featured-album__object::before{
    width: 372px;
    height: 388px;
    border-radius: 34px;
  }

  .elementor-20953 .elementor-element.elementor-element-6e5bc7b .ilr-featured-album__cover{
    transform: translate(4px, 6px);
  }

  .elementor-20953 .elementor-element.elementor-element-6e5bc7b .ilr-featured-album__cover::before{
    width: 404px;
    height: 404px;
  }

  .elementor-20953 .elementor-element.elementor-element-6e5bc7b .ilr-featured-album__cover img{
    max-width: 336px;
    border-radius: 22px;
  }

  .elementor-20953 .elementor-element.elementor-element-6e5bc7b .ilr-featured-album__cover::after{
    border-radius: 28px;
  }

  .elementor-20953 .elementor-element.elementor-element-6e5bc7b .ilr-featured-album__media::after{
    width: 440px;
    height: 440px;
  }

  .elementor-20953 .elementor-element.elementor-element-6e5bc7b .ilr-featured-album__object::after{
    width: 280px;
    height: 52px;
    bottom: 16px;
  }
}

/* =========================
   MOBIEL
========================= */
@media (max-width: 767px){
  .elementor-20953 .elementor-element.elementor-element-6e5bc7b{
    min-height: auto;
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .elementor-20953 .elementor-element.elementor-element-6e5bc7b .ilr-featured-album__media{
    min-height: 380px;
  }

  .elementor-20953 .elementor-element.elementor-element-6e5bc7b::before{
    width: 340px;
    height: 340px;
  }

  .elementor-20953 .elementor-element.elementor-element-6e5bc7b::after{
    width: 382px;
    height: 382px;
    opacity: .68;
  }

  .elementor-20953 .elementor-element.elementor-element-6e5bc7b .ilr-featured-album__object{
    width: min(100%, 320px);
    min-height: 330px;
  }

  .elementor-20953 .elementor-element.elementor-element-6e5bc7b .ilr-featured-album__object::before{
    width: 286px;
    height: 298px;
    border-radius: 30px;
    top: 53%;
  }

  .elementor-20953 .elementor-element.elementor-element-6e5bc7b .ilr-featured-album__cover{
    transform: translate(0, 4px);
  }

  .elementor-20953 .elementor-element.elementor-element-6e5bc7b .ilr-featured-album__cover::before{
    width: 310px;
    height: 310px;
  }

  .elementor-20953 .elementor-element.elementor-element-6e5bc7b .ilr-featured-album__cover img{
    max-width: 258px;
    border-radius: 20px;
  }

  .elementor-20953 .elementor-element.elementor-element-6e5bc7b .ilr-featured-album__cover::after{
    inset: -6px;
    border-radius: 26px;
  }

  .elementor-20953 .elementor-element.elementor-element-6e5bc7b .ilr-featured-album__media::after{
    width: 320px;
    height: 320px;
    opacity: .20;
  }

  .elementor-20953 .elementor-element.elementor-element-6e5bc7b .ilr-featured-album__object::after{
    width: 210px;
    height: 40px;
    bottom: 10px;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5171b6c */.elementor-20953 .elementor-element.elementor-element-5171b6c .elementor-heading-title{
  margin: 0 !important;
  display: inline-block !important;
  position: relative !important;

  font-size: 12px !important;
  line-height: 1.05 !important;
  font-weight: 800 !important;
  letter-spacing: .20em !important;
  text-transform: uppercase !important;

  color: rgba(255,255,255,.46) !important;

  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;

  text-shadow: 0 0 18px rgba(141,55,255,.10);
}

.elementor-20953 .elementor-element.elementor-element-5171b6c .elementor-heading-title::after{
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  margin-top: 10px;

  background: linear-gradient(
    90deg,
    rgba(255,255,255,.16) 0%,
    rgba(230,142,255,.14) 45%,
    rgba(255,255,255,0) 100%
  );

  opacity: .9;
}

@media (max-width: 1024px){
  .elementor-20953 .elementor-element.elementor-element-5171b6c .elementor-heading-title{
    font-size: 11px !important;
    letter-spacing: .18em !important;
  }

  .elementor-20953 .elementor-element.elementor-element-5171b6c .elementor-heading-title::after{
    margin-top: 9px;
  }
}

@media (max-width: 767px){
  .elementor-20953 .elementor-element.elementor-element-5171b6c .elementor-heading-title{
    font-size: 10px !important;
    letter-spacing: .16em !important;
    line-height: 1.08 !important;
  }

  .elementor-20953 .elementor-element.elementor-element-5171b6c .elementor-heading-title::after{
    margin-top: 8px;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8eb586d */.elementor-20953 .elementor-element.elementor-element-8eb586d .elementor-heading-title{
  margin: 0 !important;
  font-size: clamp(42px, 5vw, 64px) !important;
  line-height: .98 !important;
  font-weight: 800 !important;
  letter-spacing: -.035em !important;
  color: rgba(255,255,255,.96) !important;
  text-wrap: balance;
}

@media (max-width: 767px){
  .elementor-20953 .elementor-element.elementor-element-8eb586d .elementor-heading-title{
    font-size: 32px !important;
    line-height: 1.02 !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dd1031a *//* 2) RELEASE / HERUITGAVE */
.elementor-20953 .elementor-element.elementor-element-dd1031a .ilr-feature-release{
  margin: 0 0 8px 0;
  padding: 0;
}

.elementor-20953 .elementor-element.elementor-element-dd1031a .ilr-feature-release,
.elementor-20953 .elementor-element.elementor-element-dd1031a .ilr-feature-release p{
  margin: 0 !important;
  color: rgba(255,255,255,.68) !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.65 !important;
}



/* 3) INFOLINE */
.elementor-20953 .elementor-element.elementor-element-dd1031a .ilr-feature-spec{
  margin: 0 0 6px 0;
  padding: 0;
}

.elementor-20953 .elementor-element.elementor-element-dd1031a .ilr-feature-spec,
.elementor-20953 .elementor-element.elementor-element-dd1031a .ilr-feature-spec p{
  margin: 0 !important;
  color: rgba(255,255,255,.82) !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3a5256 *//* =========================
   ILR — Featured album taglines
========================= */

.elementor-20953 .elementor-element.elementor-element-a3a5256 .ilr-feature-tags{
  margin: 20px 0 14px 0 !important;
  padding: 0 !important;
}

.elementor-20953 .elementor-element.elementor-element-a3a5256 .ilr-feature-tags .elementor-widget-container{
  margin: 0 !important;
  padding: 0 !important;
}

.elementor-20953 .elementor-element.elementor-element-a3a5256 .ilr-feature-tags .elementor-widget-container{
  display: flex !important;
  flex-wrap: wrap !important;
}

.elementor-20953 .elementor-element.elementor-element-a3a5256 .ilr-feature-tags a{
  margin: 0 6px 6px 0 !important;
}
/* maak van elke link een rustige premium chip */
.elementor-20953 .elementor-element.elementor-element-a3a5256 .ilr-feature-tags a{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: 7px 12px !important;
  border-radius: 999px !important;

  color: rgba(233,213,255,.96) !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  line-height: 1 !important;
  letter-spacing: .02em !important;
  text-decoration: none !important;

  background:
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)) !important;
  border: 1px solid rgba(185,101,255,.24) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 8px 20px rgba(0,0,0,.18) !important;

  transition:
    transform .18s ease,
    border-color .18s ease,
    background .18s ease,
    box-shadow .18s ease,
    color .18s ease !important;
}

.elementor-20953 .elementor-element.elementor-element-a3a5256 .ilr-feature-tags a:hover{
  color: #fff !important;
  border-color: rgba(185,101,255,.42) !important;
  background:
    linear-gradient(180deg, rgba(185,101,255,.16), rgba(255,255,255,.04)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 10px 26px rgba(0,0,0,.22),
    0 0 0 1px rgba(255,43,214,.08) !important;
  transform: translateY(-1px) !important;
}

/* komma's weg */
.elementor-20953 .elementor-element.elementor-element-a3a5256 .ilr-feature-tags .elementor-widget-container{
  font-size: 0 !important;
}

.elementor-20953 .elementor-element.elementor-element-a3a5256 .ilr-feature-tags a{
  font-size: 13px !important;
}

/* mobiel iets compacter */
@media (max-width: 767px){
  .elementor-20953 .elementor-element.elementor-element-a3a5256 .ilr-feature-tags{
    margin: 16px 0 12px 0 !important;
  }

  .elementor-20953 .elementor-element.elementor-element-a3a5256 .ilr-feature-tags a{
    padding: 6px 10px !important;
    font-size: 12px !important;
  }
}












.elementor-20953 .elementor-element.elementor-element-a3a5256{
  margin-top: -20px;
  padding: 0 0 8px 0;
}

.elementor-20953 .elementor-element.elementor-element-a3a5256 .elementor-widget{
  margin: 0 !important;
}

.elementor-20953 .elementor-element.elementor-element-a3a5256 .ilr-feature-tags{
  margin: 0 0 18px 0 !important;
}

.elementor-20953 .elementor-element.elementor-element-a3a5256 .ilr-feature-release{
  margin: 0 0 8px 0 !important;
}

.elementor-20953 .elementor-element.elementor-element-a3a5256 .ilr-feature-release,
.elementor-20953 .elementor-element.elementor-element-a3a5256 .ilr-feature-release p{
  color: rgba(255,255,255,.70) !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.65 !important;
  margin: 0 !important;
}

.elementor-20953 .elementor-element.elementor-element-a3a5256 .ilr-feature-spec{
  margin: 0 !important;
}

.elementor-20953 .elementor-element.elementor-element-a3a5256 .ilr-feature-spec,
.elementor-20953 .elementor-element.elementor-element-a3a5256 .ilr-feature-spec p{
  color: rgba(255,255,255,.88) !important;
  font-size: 16px !important;
  font-weight: 650 !important;
  line-height: 1.35 !important;
  margin: 0 !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-cd59394 */.elementor-20953 .elementor-element.elementor-element-cd59394{
  margin: 26px 0 0 0 !important;
  padding: 0 !important;
}

.elementor-20953 .elementor-element.elementor-element-cd59394 .elementor-widget-container{
  margin: 0 !important;
  padding: 0 !important;
}

.elementor-20953 .elementor-element.elementor-element-cd59394,
.elementor-20953 .elementor-element.elementor-element-cd59394 p{
  color: rgba(255,255,255,.78) !important;
  font-size: 16px !important;
  line-height: 1.7 !important;
  font-weight: 500 !important;
  letter-spacing: -.005em !important;
  margin: 0 !important;
}



/* =========================================================
   ILR — BUYBOX DNA COLLAPSE IF EMPTY
   Plaats op: ilr-buybox-dna
========================================================= */

.elementor-20953 .elementor-element.elementor-element-cd59394:has(.elementor-widget-container:empty){
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
}

.elementor-20953 .elementor-element.elementor-element-cd59394 .elementor-widget-container:empty{
  display: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0e4057e *//* =========================================================
   ILR — ALBUM DNA FINAL
   Plaats op: ilr-buybox-dna
========================================================= */

.elementor-20953 .elementor-element.elementor-element-0e4057e{
  margin: 10px 0 10px 0 !important;
  padding: 0 !important;
  border-top: 0 !important;
}

.elementor-20953 .elementor-element.elementor-element-0e4057e .ilr-panel-unified{
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.elementor-20953 .elementor-element.elementor-element-0e4057e .ilr-panel-unified h3{
  margin: 0 0 9px 0 !important;
  padding: 0 !important;
  color: rgba(255,255,255,.90) !important;
  font-size: 11.5px !important;
  line-height: 1.1 !important;
  font-weight: 800 !important;
  letter-spacing: .13em !important;
  text-transform: uppercase !important;
  text-align: left !important;
}

.elementor-20953 .elementor-element.elementor-element-0e4057e .ilr-panel-unified ul{
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.elementor-20953 .elementor-element.elementor-element-0e4057e .ilr-panel-unified li{
  position: relative;
  margin: 0 0 7px 0 !important;
  padding: 0 0 0 14px !important;
  color: rgba(255,255,255,.74) !important;
  font-size: 13.5px !important;
  line-height: 1.38 !important;
  font-weight: 560 !important;
  letter-spacing: -.01em !important;
  text-align: left !important;
}

.elementor-20953 .elementor-element.elementor-element-0e4057e .ilr-panel-unified li:last-child{
  margin-bottom: 0 !important;
}

.elementor-20953 .elementor-element.elementor-element-0e4057e .ilr-panel-unified li::before{
  content: "";
  position: absolute;
  left: 0;
  top: .56em;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: rgba(255,43,214,.82);
  box-shadow: 0 0 4px rgba(255,43,214,.08);
  transform: translateY(-50%);
}

@media (max-width: 767px){
  .elementor-20953 .elementor-element.elementor-element-0e4057e{
    margin: 8px 0 10px 0 !important;
  }

  .elementor-20953 .elementor-element.elementor-element-0e4057e .ilr-panel-unified h3{
    margin-bottom: 8px !important;
    font-size: 11px !important;
  }

  .elementor-20953 .elementor-element.elementor-element-0e4057e .ilr-panel-unified li{
    font-size: 13px !important;
    line-height: 1.36 !important;
    padding-left: 13px !important;
    margin-bottom: 6px !important;
  }

  .elementor-20953 .elementor-element.elementor-element-0e4057e .ilr-panel-unified li::before{
    width: 4px;
    height: 4px;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-987879c */.ilr-feature-price,
.ilr-feature-price .elementor-widget-container,
.ilr-feature-price p{
  margin: 0 !important;
  margin-right: 6px !important;
  padding: 0 !important;
  color: rgba(255,255,255,.96) !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: .01em !important;
  font-variant-numeric: tabular-nums lining-nums !important;
  font-feature-settings: "tnum" 1, "lnum" 1 !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-f18030a *//* =========================================================
   ILR — FEATURED ALBUM CTA
   Voor gewone Elementor knop / link naar productpagina
========================================================= */

.ilr-feature-cta,
.ilr-feature-cta .elementor-widget-container{
  width: 100%;
  min-width: 0;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* Elementor knop */
.ilr-feature-cta .elementor-button,
.ilr-feature-cta a.elementor-button,
.ilr-feature-cta .elementor-button-link{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;

  width: 100% !important;
  min-width: 0 !important;
  height: 42px !important;
  min-height: 42px !important;

  padding: 0 16px !important;
  margin: 0 !important;

  border-radius: 14px !important;
  border: 1px solid rgba(255,43,214,.26) !important;
  background: rgba(255,43,214,.06) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;

  color: rgba(255,255,255,.92) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: -0.01em !important;
  text-decoration: none !important;
  text-align: center !important;

  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  box-sizing: border-box !important;

  transition:
    background-color .18s ease,
    border-color .18s ease,
    transform .18s ease,
    box-shadow .18s ease,
    color .18s ease !important;
}

/* hover + focus */
.ilr-feature-cta .elementor-button:hover,
.ilr-feature-cta a.elementor-button:hover,
.ilr-feature-cta .elementor-button-link:hover,
.ilr-feature-cta .elementor-button:focus,
.ilr-feature-cta a.elementor-button:focus,
.ilr-feature-cta .elementor-button-link:focus{
  background: rgba(255,43,214,.10) !important;
  border-color: rgba(255,43,214,.36) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 6px 14px rgba(0,0,0,.16) !important;
  color: #fff !important;
  transform: translateY(-1px) !important;
  outline: none !important;
}

/* iconen/spans netjes */
.ilr-feature-cta .elementor-button-icon,
.ilr-feature-cta .elementor-button-icon svg,
.ilr-feature-cta .elementor-button-icon i{
  flex: 0 0 auto;
  margin-right: 2px !important;
}

.ilr-feature-cta .elementor-button-text{
  min-width: 0;
  white-space: nowrap !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-38a1674 *//* =========================================================
   ILR — FEATURED ALBUM ACTIONS
   Prijs + gewone CTA-knop + wishlist
========================================================= */


/* alle directe kinderen strak op 1 lijn */
.elementor-20953 .elementor-element.elementor-element-38a1674 > .elementor-element{
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
}

/* =========================
   1) PRIJS
========================= */
.elementor-20953 .elementor-element.elementor-element-38a1674 .ilr-feature-price{
  flex: 0 0 auto !important;
  min-width: 96px !important;
  margin: 0 4px 0 0 !important;
  display: flex !important;
  align-items: center !important;
}

.elementor-20953 .elementor-element.elementor-element-38a1674 .ilr-feature-price,
.elementor-20953 .elementor-element.elementor-element-38a1674 .ilr-feature-price .elementor-widget-container,
.elementor-20953 .elementor-element.elementor-element-38a1674 .ilr-feature-price p{
  margin: 0 !important;
  padding: 0 !important;

  color: rgba(255,255,255,.96) !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: .01em !important;

  font-variant-numeric: tabular-nums lining-nums !important;
  font-feature-settings: "tnum" 1, "lnum" 1 !important;
}

/* optische correctie */
.elementor-20953 .elementor-element.elementor-element-38a1674 .ilr-feature-price{
  transform: translateY(-1px);
}

/* =========================
   2) CTA-KNOP
========================= */
.elementor-20953 .elementor-element.elementor-element-38a1674 .ilr-feature-cta{
  flex: 1 1 auto !important;
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
}

.elementor-20953 .elementor-element.elementor-element-38a1674 .ilr-feature-cta .elementor-widget-container{
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.elementor-20953 .elementor-element.elementor-element-38a1674 .ilr-feature-cta .elementor-button,
.elementor-20953 .elementor-element.elementor-element-38a1674 .ilr-feature-cta a.elementor-button,
.elementor-20953 .elementor-element.elementor-element-38a1674 .ilr-feature-cta .elementor-button-link{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;

  width: 100% !important;
  min-width: 0 !important;
  height: 42px !important;
  min-height: 42px !important;

  padding: 0 16px !important;
  margin: 0 !important;

  border-radius: 14px !important;
  border: 1px solid rgba(255,43,214,.26) !important;
  background: rgba(255,43,214,.06) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04) !important;

  color: rgba(255,255,255,.92) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: -0.01em !important;
  text-decoration: none !important;
  text-align: center !important;

  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  box-sizing: border-box !important;

  transition:
    background-color .18s ease,
    border-color .18s ease,
    transform .18s ease,
    box-shadow .18s ease,
    color .18s ease !important;
}

.elementor-20953 .elementor-element.elementor-element-38a1674 .ilr-feature-cta .elementor-button:hover,
.elementor-20953 .elementor-element.elementor-element-38a1674 .ilr-feature-cta a.elementor-button:hover,
.elementor-20953 .elementor-element.elementor-element-38a1674 .ilr-feature-cta .elementor-button-link:hover,
.elementor-20953 .elementor-element.elementor-element-38a1674 .ilr-feature-cta .elementor-button:focus,
.elementor-20953 .elementor-element.elementor-element-38a1674 .ilr-feature-cta a.elementor-button:focus,
.elementor-20953 .elementor-element.elementor-element-38a1674 .ilr-feature-cta .elementor-button-link:focus{
  background: rgba(255,43,214,.10) !important;
  border-color: rgba(255,43,214,.36) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 6px 14px rgba(0,0,0,.16) !important;
  color: #fff !important;
  transform: translateY(-1px) !important;
  outline: none !important;
}

.elementor-20953 .elementor-element.elementor-element-38a1674 .ilr-feature-cta .elementor-button-text{
  min-width: 0 !important;
  white-space: nowrap !important;
}

/* =========================
   3) WISHLIST
========================= */
.elementor-20953 .elementor-element.elementor-element-38a1674 .tinv-wraper,
.elementor-20953 .elementor-element.elementor-element-38a1674 .tinvwl_add_to_wishlist_button,
.elementor-20953 .elementor-element.elementor-element-38a1674 .tinvwl_add_to_wishlist_button.tinvwl-icon-heart{
  flex: 0 0 auto !important;
}

.elementor-20953 .elementor-element.elementor-element-38a1674 .tinv-wraper{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
}

.elementor-20953 .elementor-element.elementor-element-38a1674 .tinvwl_add_to_wishlist_button,
.elementor-20953 .elementor-element.elementor-element-38a1674 .tinvwl_add_to_wishlist_button.tinvwl-icon-heart{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 42px !important;
  height: 42px !important;
  margin: 0 !important;
  padding: 0 !important;

  border-radius: 999px !important;
  background: rgba(255,255,255,.03) !important;
  border: 1px solid rgba(255,43,214,.22) !important;
  color: rgba(255,255,255,.88) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 8px 18px rgba(0,0,0,.2) !important;

  transition:
    background-color .18s ease,
    border-color .18s ease,
    transform .18s ease,
    box-shadow .18s ease,
    color .18s ease !important;
}

.elementor-20953 .elementor-element.elementor-element-38a1674 .tinvwl_add_to_wishlist_button:hover{
  color: #fff !important;
  border-color: rgba(255,43,214,.36) !important;
  background: rgba(255,43,214,.08) !important;
  transform: translateY(-1px) !important;
}

/* wishlist icon zelf iets netter centreren */
.elementor-20953 .elementor-element.elementor-element-38a1674 .tinvwl_add_to_wishlist_button i,
.elementor-20953 .elementor-element.elementor-element-38a1674 .tinvwl_add_to_wishlist_button svg{
  margin: 0 !important;
  line-height: 1 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d898f0c */.elementor-20953 .elementor-element.elementor-element-d898f0c{
  max-width: 620px;
  margin: 0 0 20px 0;
}

.elementor-20953 .elementor-element.elementor-element-d898f0c > .elementor-widget,
.elementor-20953 .elementor-element.elementor-element-d898f0c > .e-con{
  margin-bottom: 0 !important;
}

@media (max-width: 767px){
  .elementor-20953 .elementor-element.elementor-element-d898f0c{
    margin-bottom: 0px;
  }
}


/* =========================
   ILR — Featured album taglines
========================= */

.elementor-20953 .elementor-element.elementor-element-d898f0c .ilr-feature-tags{
  margin: 20px 0 14px 0 !important;
  padding: 0 !important;
}

.elementor-20953 .elementor-element.elementor-element-d898f0c .ilr-feature-tags .elementor-widget-container{
  margin: 0 !important;
  padding: 0 !important;
}

.elementor-20953 .elementor-element.elementor-element-d898f0c .ilr-feature-tags .elementor-widget-container{
  display: flex !important;
  flex-wrap: wrap !important;
}

.elementor-20953 .elementor-element.elementor-element-d898f0c .ilr-feature-tags a{
  margin: 0 6px 6px 0 !important;
}
/* maak van elke link een rustige premium chip */
.elementor-20953 .elementor-element.elementor-element-d898f0c .ilr-feature-tags a{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: 7px 12px !important;
  border-radius: 999px !important;

  color: rgba(233,213,255,.96) !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  line-height: 1 !important;
  letter-spacing: .02em !important;
  text-decoration: none !important;

  background:
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)) !important;
  border: 1px solid rgba(185,101,255,.24) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 8px 20px rgba(0,0,0,.18) !important;

  transition:
    transform .18s ease,
    border-color .18s ease,
    background .18s ease,
    box-shadow .18s ease,
    color .18s ease !important;
}

.elementor-20953 .elementor-element.elementor-element-d898f0c .ilr-feature-tags a:hover{
  color: #fff !important;
  border-color: rgba(185,101,255,.42) !important;
  background:
    linear-gradient(180deg, rgba(185,101,255,.16), rgba(255,255,255,.04)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 10px 26px rgba(0,0,0,.22),
    0 0 0 1px rgba(255,43,214,.08) !important;
  transform: translateY(-1px) !important;
}

/* komma's weg */
.elementor-20953 .elementor-element.elementor-element-d898f0c .ilr-feature-tags .elementor-widget-container{
  font-size: 0 !important;
}

.elementor-20953 .elementor-element.elementor-element-d898f0c .ilr-feature-tags a{
  font-size: 13px !important;
}

/* mobiel iets compacter */
@media (max-width: 767px){
  .elementor-20953 .elementor-element.elementor-element-d898f0c .ilr-feature-tags{
    margin: 16px 0 12px 0 !important;
  }

  .elementor-20953 .elementor-element.elementor-element-d898f0c .ilr-feature-tags a{
    padding: 6px 10px !important;
    font-size: 12px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9b5079 */.elementor-20953 .elementor-element.elementor-element-d9b5079 .ilr-featured-album__subtitle,
.elementor-20953 .elementor-element.elementor-element-d9b5079 .ilr-featured-album__subtitle p{
  margin: 0 0 20px 0 !important;
  padding: 0 !important;

  color: rgba(232, 214, 255, .92) !important;
  font-size: 28px !important;
  font-weight: 600 !important;
  line-height: 1.02 !important;
  letter-spacing: -.02em !important;

  font-family: inherit !important;
}

.elementor-20953 .elementor-element.elementor-element-d9b5079 .ilr-featured-album__subtitle{
  position: relative;
  display: block;
}

.elementor-20953 .elementor-element.elementor-element-d9b5079 .ilr-featured-album__subtitle::after{
  content: "";
  display: block;
  width: 100%;
  max-width: 380px;
  height: 1px;
  margin-top: 12px;
  background: linear-gradient(
    90deg,
    rgba(255,255,255,.14) 0%,
    rgba(141,55,255,.18) 42%,
    rgba(255,255,255,0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0cd36a9 */.elementor-20953 .elementor-element.elementor-element-0cd36a9 .elementor-heading-title{
  margin: 0 !important;
  display: inline-block !important;
  position: relative !important;

  font-size: 12px !important;
  line-height: 1.05 !important;
  font-weight: 800 !important;
  letter-spacing: .20em !important;
  text-transform: uppercase !important;

  color: rgba(255,255,255,.46) !important;

  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;

  text-shadow: 0 0 18px rgba(141,55,255,.10);
}

.elementor-20953 .elementor-element.elementor-element-0cd36a9 .elementor-heading-title::after{
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  margin-top: 10px;

  background: linear-gradient(
    90deg,
    rgba(255,255,255,.16) 0%,
    rgba(230,142,255,.14) 45%,
    rgba(255,255,255,0) 100%
  );

  opacity: .9;
}

@media (max-width: 1024px){
  .elementor-20953 .elementor-element.elementor-element-0cd36a9 .elementor-heading-title{
    font-size: 11px !important;
    letter-spacing: .18em !important;
  }

  .elementor-20953 .elementor-element.elementor-element-0cd36a9 .elementor-heading-title::after{
    margin-top: 9px;
  }
}

@media (max-width: 767px){
  .elementor-20953 .elementor-element.elementor-element-0cd36a9 .elementor-heading-title{
    font-size: 10px !important;
    letter-spacing: .16em !important;
    line-height: 1.08 !important;
  }

  .elementor-20953 .elementor-element.elementor-element-0cd36a9 .elementor-heading-title::after{
    margin-top: 8px;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f852cf9 */.elementor-20953 .elementor-element.elementor-element-f852cf9 .elementor-heading-title{
  margin: 0 !important;
  font-size: clamp(42px, 5vw, 64px) !important;
  line-height: .98 !important;
  font-weight: 800 !important;
  letter-spacing: -.035em !important;
  color: rgba(255,255,255,.96) !important;
  text-wrap: balance;
}

@media (max-width: 767px){
  .elementor-20953 .elementor-element.elementor-element-f852cf9 .elementor-heading-title{
    font-size: 32px !important;
    line-height: 1.02 !important;
  }
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-3179798 */.elementor-20953 .elementor-element.elementor-element-3179798{
height:1px;
background:
linear-gradient(90deg,
transparent,
rgba(255,255,255,.14),
transparent);
margin:1px 0;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-42ccb71 */.elementor-20953 .elementor-element.elementor-element-42ccb71{
  margin: 0 !important;
  max-width: 620px;
  font-size: 17px !important;
  line-height: 1.52 !important;
  font-weight: 500 !important;
  color: rgba(255,255,255,.74) !important;
}

.elementor-20953 .elementor-element.elementor-element-42ccb71 p{
  margin: 0 !important;
  font-size: inherit !important;
  line-height: inherit !important;
  font-weight: inherit !important;
  color: inherit !important;
}

@media (max-width: 767px){
  .elementor-20953 .elementor-element.elementor-element-42ccb71{
    font-size: 16px !important;
    line-height: 1.5 !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-383331e */.elementor-20953 .elementor-element.elementor-element-383331e{
  max-width: 820px;
  margin: 0 0 1px 0;
}

.elementor-20953 .elementor-element.elementor-element-383331e > .elementor-widget,
.elementor-20953 .elementor-element.elementor-element-383331e > .e-con{
  margin-bottom: 0 !important;
}

@media (max-width: 767px){
  .elementor-20953 .elementor-element.elementor-element-383331e{
    margin-bottom: 1px;
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d041b74 *//* ========================================================= 
   ILR — Hovertekst in bestaande Woo/Blocksy cover
   Alleen hovertekst + onderste fade
   Laat bestaande rand/hover/card-effecten met rust
   ========================================================= */

/* bestaande cover-wrapper alleen als positioneringsanker */
.elementor-20953 .elementor-element.elementor-element-d041b74 .woocommerce ul.products li.product .ct-media-container,
.elementor-20953 .elementor-element.elementor-element-d041b74 .woocommerce ul.products li.product .ct-image-container,
.elementor-20953 .elementor-element.elementor-element-d041b74 .woocommerce ul.products li.product a.woocommerce-LoopProduct-link{
  position: relative !important;
  overflow: hidden !important;
}

/* alleen onderste zone donker maken */
.elementor-20953 .elementor-element.elementor-element-d041b74 .woocommerce ul.products li.product .ct-media-container::after,
.elementor-20953 .elementor-element.elementor-element-d041b74 .woocommerce ul.products li.product .ct-image-container::after,
.elementor-20953 .elementor-element.elementor-element-d041b74 .woocommerce ul.products li.product a.woocommerce-LoopProduct-link::after{
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 24% !important;
  z-index: 4 !important;
  pointer-events: none !important;
  opacity: 0 !important;
  transition: opacity .26s ease !important;

  background: linear-gradient(
    180deg,
    rgba(7,5,15,0) 0%,
    rgba(7,5,15,.10) 24%,
    rgba(7,5,15,.46) 72%,
    rgba(7,5,15,.84) 100%
  ) !important;
}

/* tekstblok */
.elementor-20953 .elementor-element.elementor-element-d041b74 .woocommerce ul.products li.product .ilr-hover-desc{
  position: absolute !important;
  left: 12px !important;
  right: 12px !important;
  bottom: 12px !important;
  z-index: 6 !important;

  margin: 0 !important;
  padding: 8px 10px !important;
  border-radius: 10px !important;

  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 4 !important;
  overflow: hidden !important;

  font-size: 12px !important;
  line-height: 1.34 !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;

  color: rgba(255,255,255,.96) !important;
  -webkit-text-fill-color: rgba(255,255,255,.96) !important;
  text-decoration: none !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.45) !important;

  background: linear-gradient(
    180deg,
    rgba(12,10,22,.38) 0%,
    rgba(9,7,18,.78) 100%
  ) !important;

  border: 1px solid rgba(255,255,255,.07) !important;
  box-shadow:
    0 8px 20px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.05) !important;

  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;

  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(8px) !important;
  transition:
    opacity .26s ease,
    transform .26s ease,
    visibility .26s ease !important;

  pointer-events: none !important;
}

/* hover */
@media (hover:hover){
  .elementor-20953 .elementor-element.elementor-element-d041b74 .woocommerce ul.products li.product:hover .ct-media-container::after,
  .elementor-20953 .elementor-element.elementor-element-d041b74 .woocommerce ul.products li.product:hover .ct-image-container::after,
  .elementor-20953 .elementor-element.elementor-element-d041b74 .woocommerce ul.products li.product:hover a.woocommerce-LoopProduct-link::after{
    opacity: 1 !important;
  }

  .elementor-20953 .elementor-element.elementor-element-d041b74 .woocommerce ul.products li.product:hover .ilr-hover-desc{
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
  }
}

.woocommerce ul.products li.product .ilr-label{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
  width: 100%;
}

.woocommerce ul.products li.product .ilr-label__text{
  flex: 1 1 auto;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
}

.woocommerce ul.products li.product .ilr-label__date{
  flex: 0 0 auto;
  white-space: nowrap;
  color: rgba(255,255,255,.62);
}


/* =========================================================
   ILR — artiest + albumtitel altijd 1 regel met ellipsis
   Zet dit ONDERAAN de bestaande kaart-CSS
========================================================= */

.elementor-20953 .elementor-element.elementor-element-d041b74 .woocommerce ul.products li.product .woocommerce-loop-product__title,
.elementor-20953 .elementor-element.elementor-element-d041b74 ul.products li.product .woocommerce-loop-product__title,
.elementor-20953 .elementor-element.elementor-element-d041b74 .woocommerce ul.products li.product .ilr-albumtitel,
.elementor-20953 .elementor-element.elementor-element-d041b74 ul.products li.product .ilr-albumtitel{
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

/* extra zekerheid als de titel-link of wrapper vreemd doet */
.elementor-20953 .elementor-element.elementor-element-d041b74 .woocommerce ul.products li.product a .woocommerce-loop-product__title,
.elementor-20953 .elementor-element.elementor-element-d041b74 ul.products li.product a .woocommerce-loop-product__title{
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-33640d1 */.elementor-20953 .elementor-element.elementor-element-33640d1 .elementor-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:12px 18px;
  border-radius:14px;
  border:1px solid rgba(255,43,214,.26);
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02)),
    rgba(255,43,214,.06);
  color:rgba(255,255,255,.92);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.03),
    0 8px 18px rgba(0,0,0,.16);
  font-size:13px;
  font-weight:600;
  letter-spacing:.01em;
  text-decoration:none;
  transition:
    transform .18s ease,
    background .18s ease,
    border-color .18s ease,
    box-shadow .18s ease;
}

.elementor-20953 .elementor-element.elementor-element-33640d1 .elementor-button:hover{
  transform:translateY(-1px);
  border-color:rgba(255,43,214,.36);
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03)),
    rgba(255,43,214,.10);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.04),
    0 12px 24px rgba(0,0,0,.22),
    0 0 22px rgba(255,43,214,.10);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7bf2156 *//* =========================================================
   ILR — WOO PRODUCT CARD — SIGNATURE CARD PRO v2
   Voor nieuwe PHP-structuur:
   .ilr-loop-meta
   .ilr-albumtitel
   .ilr-editie
   .ilr-meta-row
   .ilr-label
   .ilr-release
   .ilr-submeta
   .ilr-tax
   ========================================================= */

/* =========================
   0) TOKENS
========================= */
.elementor-20953 .elementor-element.elementor-element-7bf2156{
  --ilr-card-r: 22px;

  --ilr-bg-a: rgba(18, 12, 30, .88);
  --ilr-bg-b: rgba(10, 7, 20, .94);
  --ilr-bg-c: rgba(7, 5, 15, .98);

  --ilr-ink: rgba(255,255,255,.94);
  --ilr-sub: rgba(255,255,255,.76);
  --ilr-dim: rgba(255,255,255,.56);

  --ilr-line: rgba(255,255,255,.06);
  --ilr-line-2: rgba(255,255,255,.10);

  --ilr-pink: rgba(255,43,214,.92);
  --ilr-pink-soft: rgba(255,43,214,.18);
  --ilr-pink-faint: rgba(255,43,214,.08);

  --ilr-shadow-1: 0 10px 28px rgba(0,0,0,.34);
  --ilr-shadow-2: 0 18px 42px rgba(0,0,0,.48);

  --ilr-speed: .26s;
  --ilr-ease: cubic-bezier(.22,.61,.36,1);
}

/* =========================
   1) GRID
========================= */
.elementor-20953 .elementor-element.elementor-element-7bf2156 .woocommerce ul.products,
.elementor-20953 .elementor-element.elementor-element-7bf2156 ul.products{
  gap: 18px !important;
}

/* =========================
   2) PRODUCT CARD BASIS
========================= */
.elementor-20953 .elementor-element.elementor-element-7bf2156 .woocommerce ul.products li.product,
.elementor-20953 .elementor-element.elementor-element-7bf2156 ul.products li.product{
  position: relative !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 16px 16px 14px !important;
  border: 0 !important;
  border-radius: var(--ilr-card-r) !important;

  background:
    radial-gradient(120% 95% at 12% 0%, rgba(255,255,255,.045), rgba(255,255,255,0) 42%),
    linear-gradient(180deg, var(--ilr-bg-a) 0%, var(--ilr-bg-b) 58%, var(--ilr-bg-c) 100%) !important;

  box-shadow:
    var(--ilr-shadow-1),
    inset 0 0 0 1px var(--ilr-line) !important;

  transition:
    transform var(--ilr-speed) var(--ilr-ease),
    box-shadow var(--ilr-speed) var(--ilr-ease),
    background var(--ilr-speed) var(--ilr-ease) !important;
}

/* =========================
   3) LACQUER TOPCOAT
========================= */
.elementor-20953 .elementor-element.elementor-element-7bf2156 .woocommerce ul.products li.product::before,
.elementor-20953 .elementor-element.elementor-element-7bf2156 ul.products li.product::before{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  z-index: 0;

  background:
    linear-gradient(118deg,
      rgba(255,255,255,.12) 0%,
      rgba(255,255,255,.04) 16%,
      rgba(255,255,255,0) 38%,
      rgba(255,255,255,.03) 72%,
      rgba(255,255,255,0) 100%);
  opacity: .50;
}

/* =========================
   4) NEON EDGE
========================= */
.elementor-20953 .elementor-element.elementor-element-7bf2156 .woocommerce ul.products li.product::after,
.elementor-20953 .elementor-element.elementor-element-7bf2156 ul.products li.product::after{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  z-index: 1;

  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.04),
    inset 0 0 0 1px rgba(255,43,214,0);

  transition:
    box-shadow var(--ilr-speed) var(--ilr-ease),
    opacity var(--ilr-speed) var(--ilr-ease);
}

@media (hover:hover){
  .elementor-20953 .elementor-element.elementor-element-7bf2156 .woocommerce ul.products li.product:hover,
  .elementor-20953 .elementor-element.elementor-element-7bf2156 ul.products li.product:hover{
    transform: translateY(-4px) !important;
    box-shadow:
      var(--ilr-shadow-2),
      inset 0 0 0 1px var(--ilr-line-2) !important;

    background:
      radial-gradient(120% 95% at 12% 0%, rgba(255,255,255,.06), rgba(255,255,255,0) 42%),
      linear-gradient(180deg, rgba(22,15,36,.92) 0%, rgba(12,8,24,.96) 58%, rgba(8,5,16,.99) 100%) !important;
  }

  .elementor-20953 .elementor-element.elementor-element-7bf2156 .woocommerce ul.products li.product:hover::after,
  .elementor-20953 .elementor-element.elementor-element-7bf2156 ul.products li.product:hover::after{
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,.05),
      inset 0 0 0 1px rgba(255,43,214,.24),
      0 0 0 1px rgba(255,43,214,.10),
      0 0 22px rgba(255,43,214,.12);
  }
}
/* =========================
   5) PRODUCT LINK
========================= */
.elementor-20953 .elementor-element.elementor-element-7bf2156 .woocommerce ul.products li.product a.woocommerce-LoopProduct-link,
.elementor-20953 .elementor-element.elementor-element-7bf2156 ul.products li.product a.woocommerce-LoopProduct-link{
  position: relative !important;
  z-index: 3 !important;
  text-decoration: none !important;
  color: inherit !important;
}
/* =========================
   6) COVER
========================= */
.elementor-20953 .elementor-element.elementor-element-7bf2156 .woocommerce ul.products li.product a.woocommerce-LoopProduct-link img,
.elementor-20953 .elementor-element.elementor-element-7bf2156 ul.products li.product a.woocommerce-LoopProduct-link img{
  position: relative !important;
  z-index: 2 !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 0 14px 0 !important;
  border-radius: 14px !important;

  box-shadow:
    0 8px 22px rgba(0,0,0,.22),
    inset 0 0 0 1px rgba(255,255,255,.05) !important;

  transition:
    transform var(--ilr-speed) var(--ilr-ease),
    box-shadow var(--ilr-speed) var(--ilr-ease),
    filter var(--ilr-speed) var(--ilr-ease) !important;
}

@media (hover:hover){
  .elementor-20953 .elementor-element.elementor-element-7bf2156 .woocommerce ul.products li.product:hover a.woocommerce-LoopProduct-link img,
  .elementor-20953 .elementor-element.elementor-element-7bf2156 ul.products li.product:hover a.woocommerce-LoopProduct-link img{
    transform: translateY(-1px) scale(1.008) !important;
    box-shadow:
      0 12px 28px rgba(0,0,0,.28),
      inset 0 0 0 1px rgba(255,255,255,.07) !important;
    filter: saturate(1.03) brightness(1.02) !important;
  }
}

/* =========================
   7) WOO TITEL = ARTIEST
========================= */
.elementor-20953 .elementor-element.elementor-element-7bf2156 .woocommerce ul.products li.product .woocommerce-loop-product__title,
.elementor-20953 .elementor-element.elementor-element-7bf2156 ul.products li.product .woocommerce-loop-product__title{
  position: relative !important;
  z-index: 3 !important;
  margin: 0 0 4px 0 !important;
  padding: 0 !important;

  font-size: 17px !important;
  line-height: 1.22 !important;
  font-weight: 700 !important;
  letter-spacing: -.01em !important;
  color: var(--ilr-ink) !important;

  transition: color var(--ilr-speed) var(--ilr-ease) !important;
}

/* =========================
   8) EXTRA META WRAPPER
========================= */
.elementor-20953 .elementor-element.elementor-element-7bf2156 .ilr-loop-meta{
  position: relative;
  z-index: 3;
  margin: 0 0 10px 0;
}

/* albumtitel */
.elementor-20953 .elementor-element.elementor-element-7bf2156 .ilr-albumtitel{
  display: block;
  margin: 0 0 6px 0;
  text-decoration: none !important;
  font-size: 14px;
  line-height: 1.35;
  font-weight: 500;
  color: var(--ilr-sub) !important;

  transition: color var(--ilr-speed) var(--ilr-ease);
}

/* editie */
.elementor-20953 .elementor-element.elementor-element-7bf2156 .ilr-editie{
  margin: 0 0 8px 0;
  font-size: 12px;
  line-height: 1.35;
  color: var(--ilr-dim);

  transition: color var(--ilr-speed) var(--ilr-ease);
}

/* label + release */
.elementor-20953 .elementor-element.elementor-element-7bf2156 .ilr-meta-row{
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin: 0 0 10px 0;
}

.elementor-20953 .elementor-element.elementor-element-7bf2156 .ilr-label,
.elementor-20953 .elementor-element.elementor-element-7bf2156 .ilr-release{
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 4px 8px;
  border-radius: 999px;

  background: rgba(255,255,255,.045);
  border: 1px solid rgba(255,255,255,.05);
  color: var(--ilr-dim);

  font-size: 12px;
  line-height: 1.2;

  transition:
    color var(--ilr-speed) var(--ilr-ease),
    border-color var(--ilr-speed) var(--ilr-ease),
    background var(--ilr-speed) var(--ilr-ease);
}

/* tax tags */
.elementor-20953 .elementor-element.elementor-element-7bf2156 .ilr-submeta{
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin: 0;
}

.elementor-20953 .elementor-element.elementor-element-7bf2156 .ilr-tax{
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 4px 8px;
  border-radius: 999px;

  background: rgba(255,255,255,.045);
  border: 1px solid rgba(255,255,255,.05);
  color: var(--ilr-dim) !important;

  font-size: 12px;
  line-height: 1.2;
  text-decoration: none !important;

  transition:
    color var(--ilr-speed) var(--ilr-ease),
    border-color var(--ilr-speed) var(--ilr-ease),
    background var(--ilr-speed) var(--ilr-ease),
    transform var(--ilr-speed) var(--ilr-ease);
}

/* =========================
   9) PRIJS
========================= */
.elementor-20953 .elementor-element.elementor-element-7bf2156 .woocommerce ul.products li.product .price,
.elementor-20953 .elementor-element.elementor-element-7bf2156 ul.products li.product .price{
  position: relative !important;
  z-index: 3 !important;
  display: block !important;
  margin: 2px 0 12px 0 !important;
  padding: 0 !important;

  font-size: 17px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  color: var(--ilr-ink) !important;

  transition: color var(--ilr-speed) var(--ilr-ease) !important;
}

.elementor-20953 .elementor-element.elementor-element-7bf2156 .woocommerce ul.products li.product .price del,
.elementor-20953 .elementor-element.elementor-element-7bf2156 ul.products li.product .price del{
  opacity: .54 !important;
  color: var(--ilr-dim) !important;
}

.elementor-20953 .elementor-element.elementor-element-7bf2156 .woocommerce ul.products li.product .price ins,
.elementor-20953 .elementor-element.elementor-element-7bf2156 ul.products li.product .price ins{
  text-decoration: none !important;
  color: inherit !important;
}

/* =========================
   10) BUTTON
========================= */
.elementor-20953 .elementor-element.elementor-element-7bf2156 .woocommerce ul.products li.product .button,
.elementor-20953 .elementor-element.elementor-element-7bf2156 ul.products li.product .button{
  position: relative !important;
  z-index: 4 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;

  width: 100% !important;
  min-width: 0 !important;
  height: 42px !important;
  min-height: 42px !important;
  box-sizing: border-box !important;

  margin: 0 !important;
  padding: 0 16px !important;
  border-radius: 14px !important;

  border: 1px solid rgba(255,43,214,.26) !important;
  background: rgba(255,43,214,.06) !important;
  color: var(--ilr-ink) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 8px 18px rgba(0,0,0,.16) !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: -0.01em !important;
  text-decoration: none !important;
  text-align: center !important;

  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;

  transition:
    background-color .18s ease,
    border-color .18s ease,
    transform .18s ease,
    box-shadow .18s ease,
    color .18s ease !important;
}

/* hover / focus */
.elementor-20953 .elementor-element.elementor-element-7bf2156 .woocommerce ul.products li.product .button:hover,
.elementor-20953 .elementor-element.elementor-element-7bf2156 ul.products li.product .button:hover,
.elementor-20953 .elementor-element.elementor-element-7bf2156 .woocommerce ul.products li.product .button:focus,
.elementor-20953 .elementor-element.elementor-element-7bf2156 ul.products li.product .button:focus{
  background: rgba(255,43,214,.10) !important;
  border-color: rgba(255,43,214,.36) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 6px 14px rgba(0,0,0,.16) !important;
  color: #fff !important;
  transform: translateY(-1px) !important;
  outline: none !important;
}


/* =========================
   10B) BUTTON HOVER FIX
   Nieuwe structuur met .ilr-loop-cta-cart
========================= */
.elementor-20953 .elementor-element.elementor-element-7bf2156 .woocommerce ul.products li.product .ct-woo-card-actions,
.elementor-20953 .elementor-element.elementor-element-7bf2156 ul.products li.product .ct-woo-card-actions{
  position: relative !important;
  z-index: 5 !important;
}

.elementor-20953 .elementor-element.elementor-element-7bf2156 .woocommerce ul.products li.product .ilr-loop-cta-cart > a.button,
.elementor-20953 .elementor-element.elementor-element-7bf2156 .woocommerce ul.products li.product .ilr-loop-cta-cart > a.add_to_cart_button,
.elementor-20953 .elementor-element.elementor-element-7bf2156 ul.products li.product .ilr-loop-cta-cart > a.button,
.elementor-20953 .elementor-element.elementor-element-7bf2156 ul.products li.product .ilr-loop-cta-cart > a.add_to_cart_button{
  position: relative !important;
  z-index: 6 !important;
  width: 100% !important;
  pointer-events: auto !important;
  background: rgba(255,43,214,.06) !important;
  border: 1px solid rgba(255,43,214,.26) !important;
  color: rgba(255,255,255,.92) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
  transition:
    background-color .18s ease,
    border-color .18s ease,
    transform .18s ease,
    box-shadow .18s ease,
    color .18s ease !important;
}

.elementor-20953 .elementor-element.elementor-element-7bf2156 .woocommerce ul.products li.product .ilr-loop-cta-cart > a.button:hover,
.elementor-20953 .elementor-element.elementor-element-7bf2156 .woocommerce ul.products li.product .ilr-loop-cta-cart > a.button:focus,
.elementor-20953 .elementor-element.elementor-element-7bf2156 .woocommerce ul.products li.product .ilr-loop-cta-cart > a.button:active,
.elementor-20953 .elementor-element.elementor-element-7bf2156 .woocommerce ul.products li.product .ilr-loop-cta-cart > a.add_to_cart_button:hover,
.elementor-20953 .elementor-element.elementor-element-7bf2156 .woocommerce ul.products li.product .ilr-loop-cta-cart > a.add_to_cart_button:focus,
.elementor-20953 .elementor-element.elementor-element-7bf2156 .woocommerce ul.products li.product .ilr-loop-cta-cart > a.add_to_cart_button:active,
.elementor-20953 .elementor-element.elementor-element-7bf2156 ul.products li.product .ilr-loop-cta-cart > a.button:hover,
.elementor-20953 .elementor-element.elementor-element-7bf2156 ul.products li.product .ilr-loop-cta-cart > a.button:focus,
.elementor-20953 .elementor-element.elementor-element-7bf2156 ul.products li.product .ilr-loop-cta-cart > a.button:active,
.elementor-20953 .elementor-element.elementor-element-7bf2156 ul.products li.product .ilr-loop-cta-cart > a.add_to_cart_button:hover,
.elementor-20953 .elementor-element.elementor-element-7bf2156 ul.products li.product .ilr-loop-cta-cart > a.add_to_cart_button:focus,
.elementor-20953 .elementor-element.elementor-element-7bf2156 ul.products li.product .ilr-loop-cta-cart > a.add_to_cart_button:active{
  background: rgba(255,43,214,.10) !important;
  border-color: rgba(255,43,214,.36) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 6px 14px rgba(0,0,0,.16) !important;
  color: #fff !important;
  transform: translateY(-1px) !important;
  outline: none !important;
}


/* =========================
   11) SALE BADGE
========================= */
.elementor-20953 .elementor-element.elementor-element-7bf2156 .woocommerce ul.products li.product .onsale,
.elementor-20953 .elementor-element.elementor-element-7bf2156 ul.products li.product .onsale{
  top: 12px !important;
  left: 12px !important;
  right: auto !important;
  min-height: unset !important;
  min-width: unset !important;
  margin: 0 !important;
  padding: 7px 10px !important;
  border-radius: 999px !important;

  background: rgba(255,43,214,.88) !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  box-shadow: 0 10px 20px rgba(0,0,0,.22) !important;

  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  letter-spacing: .03em !important;
  text-transform: uppercase !important;
  z-index: 5 !important;
}

/* =========================
   12) HOVER SYNCHROON
========================= */
@media (hover:hover){
  .elementor-20953 .elementor-element.elementor-element-7bf2156 .woocommerce ul.products li.product:hover .woocommerce-loop-product__title,
  .elementor-20953 .elementor-element.elementor-element-7bf2156 ul.products li.product:hover .woocommerce-loop-product__title{
    color: #ffd6fb !important;
  }

  .elementor-20953 .elementor-element.elementor-element-7bf2156 .woocommerce ul.products li.product:hover .ilr-albumtitel,
  .elementor-20953 .elementor-element.elementor-element-7bf2156 ul.products li.product:hover .ilr-albumtitel,
  .elementor-20953 .elementor-element.elementor-element-7bf2156 .woocommerce ul.products li.product:hover .price,
  .elementor-20953 .elementor-element.elementor-element-7bf2156 ul.products li.product:hover .price{
    color: rgba(255,255,255,.92) !important;
  }

  .elementor-20953 .elementor-element.elementor-element-7bf2156 .woocommerce ul.products li.product:hover .ilr-editie,
  .elementor-20953 .elementor-element.elementor-element-7bf2156 ul.products li.product:hover .ilr-editie{
    color: rgba(255,255,255,.72) !important;
  }

  .elementor-20953 .elementor-element.elementor-element-7bf2156 .woocommerce ul.products li.product:hover .ilr-label,
  .elementor-20953 .elementor-element.elementor-element-7bf2156 ul.products li.product:hover .ilr-label,
  .elementor-20953 .elementor-element.elementor-element-7bf2156 .woocommerce ul.products li.product:hover .ilr-release,
  .elementor-20953 .elementor-element.elementor-element-7bf2156 ul.products li.product:hover .ilr-release,
  .elementor-20953 .elementor-element.elementor-element-7bf2156 .woocommerce ul.products li.product:hover .ilr-tax,
  .elementor-20953 .elementor-element.elementor-element-7bf2156 ul.products li.product:hover .ilr-tax{
    border-color: rgba(255,43,214,.14) !important;
    background: rgba(255,43,214,.07) !important;
    color: rgba(255,255,255,.84) !important;
  }

  .elementor-20953 .elementor-element.elementor-element-7bf2156 .woocommerce ul.products li.product:hover .button,
  .elementor-20953 .elementor-element.elementor-element-7bf2156 ul.products li.product:hover .button{
    transform: translateY(-1px) !important;
    border-color: rgba(255,43,214,.36) !important;
    background:
      linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02)),
      rgba(255,43,214,.10) !important;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,.04),
      0 10px 22px rgba(0,0,0,.22),
      0 0 0 1px rgba(255,43,214,.08) !important;
  }

  .elementor-20953 .elementor-element.elementor-element-7bf2156 .woocommerce ul.products li.product:hover .ilr-tax:hover,
  .elementor-20953 .elementor-element.elementor-element-7bf2156 ul.products li.product:hover .ilr-tax:hover{
    transform: translateY(-1px);
  }
}

/* =========================
   13) RATING
========================= */
.elementor-20953 .elementor-element.elementor-element-7bf2156 .woocommerce ul.products li.product .star-rating,
.elementor-20953 .elementor-element.elementor-element-7bf2156 ul.products li.product .star-rating{
  position: relative !important;
  z-index: 3 !important;
  margin: 0 0 8px 0 !important;
  color: rgba(255,43,214,.92) !important;
  font-size: 12px !important;
}

/* =========================
   14) FOCUS
========================= */
.elementor-20953 .elementor-element.elementor-element-7bf2156 .woocommerce ul.products li.product a:focus-visible,
.elementor-20953 .elementor-element.elementor-element-7bf2156 ul.products li.product a:focus-visible,
.elementor-20953 .elementor-element.elementor-element-7bf2156 .woocommerce ul.products li.product .button:focus-visible,
.elementor-20953 .elementor-element.elementor-element-7bf2156 ul.products li.product .button:focus-visible{
  outline: 2px solid rgba(255,43,214,.42) !important;
  outline-offset: 2px !important;
}

/* =========================
   15) MOBILE
========================= */
@media (max-width: 767px){
  .elementor-20953 .elementor-element.elementor-element-7bf2156 .woocommerce ul.products li.product,
  .elementor-20953 .elementor-element.elementor-element-7bf2156 ul.products li.product{
    padding: 13px 13px 12px !important;
    border-radius: 18px !important;
  }

  .elementor-20953 .elementor-element.elementor-element-7bf2156 .woocommerce ul.products li.product .woocommerce-loop-product__title,
  .elementor-20953 .elementor-element.elementor-element-7bf2156 ul.products li.product .woocommerce-loop-product__title{
    font-size: 15px !important;
  }

  .elementor-20953 .elementor-element.elementor-element-7bf2156 .ilr-albumtitel{
    font-size: 13px;
  }

  .elementor-20953 .elementor-element.elementor-element-7bf2156 .woocommerce ul.products li.product .price,
  .elementor-20953 .elementor-element.elementor-element-7bf2156 ul.products li.product .price{
    font-size: 15px !important;
  }

  .elementor-20953 .elementor-element.elementor-element-7bf2156 .woocommerce ul.products li.product .button,
  .elementor-20953 .elementor-element.elementor-element-7bf2156 ul.products li.product .button{
    min-height: 40px !important;
    padding: 9px 12px !important;
    font-size: 12px !important;
    border-radius: 12px !important;
  }
}

/* =========================
   16) REDUCED MOTION
========================= */
@media (prefers-reduced-motion: reduce){
  .elementor-20953 .elementor-element.elementor-element-7bf2156 .woocommerce ul.products li.product,
  .elementor-20953 .elementor-element.elementor-element-7bf2156 ul.products li.product,
  .elementor-20953 .elementor-element.elementor-element-7bf2156 .woocommerce ul.products li.product::after,
  .elementor-20953 .elementor-element.elementor-element-7bf2156 ul.products li.product::after,
  .elementor-20953 .elementor-element.elementor-element-7bf2156 .woocommerce ul.products li.product a.woocommerce-LoopProduct-link img,
  .elementor-20953 .elementor-element.elementor-element-7bf2156 ul.products li.product a.woocommerce-LoopProduct-link img,
  .elementor-20953 .elementor-element.elementor-element-7bf2156 .woocommerce ul.products li.product .woocommerce-loop-product__title,
  .elementor-20953 .elementor-element.elementor-element-7bf2156 ul.products li.product .woocommerce-loop-product__title,
  .elementor-20953 .elementor-element.elementor-element-7bf2156 .woocommerce ul.products li.product .price,
  .elementor-20953 .elementor-element.elementor-element-7bf2156 ul.products li.product .price,
  .elementor-20953 .elementor-element.elementor-element-7bf2156 .woocommerce ul.products li.product .button,
  .elementor-20953 .elementor-element.elementor-element-7bf2156 ul.products li.product .button,
  .elementor-20953 .elementor-element.elementor-element-7bf2156 .ilr-loop-meta,
  .elementor-20953 .elementor-element.elementor-element-7bf2156 .ilr-albumtitel,
  .elementor-20953 .elementor-element.elementor-element-7bf2156 .ilr-editie,
  .elementor-20953 .elementor-element.elementor-element-7bf2156 .ilr-meta-row,
  .elementor-20953 .elementor-element.elementor-element-7bf2156 .ilr-label,
  .elementor-20953 .elementor-element.elementor-element-7bf2156 .ilr-release,
  .elementor-20953 .elementor-element.elementor-element-7bf2156 .ilr-submeta,
  .elementor-20953 .elementor-element.elementor-element-7bf2156 .ilr-tax{
    transition: none !important;
  }
}
.elementor-20953 .elementor-element.elementor-element-7bf2156 .woocommerce ul.products li.product li.meta-categories{
  display: none !important;
}

.elementor-20953 .elementor-element.elementor-element-7bf2156 .woocommerce ul.products li.product ul.entry-meta{
  display: none !important;
}



.elementor-20953 .elementor-element.elementor-element-7bf2156 .woocommerce ul.products li.product{
  flex: 0 0 300px !important;
  width: 280px !important;
  max-width: 280px !important;
}

/* ILR — kaart compacter in hoogte */
.elementor-20953 .elementor-element.elementor-element-7bf2156 .woocommerce ul.products li.product{
  padding-bottom: 12px !important;
}

/* minder ruimte onder cover */
.elementor-20953 .elementor-element.elementor-element-7bf2156 .woocommerce ul.products li.product a.woocommerce-LoopProduct-link img{
  margin-bottom: 5px !important;
}

/* tekstblokken compacter */
.elementor-20953 .elementor-element.elementor-element-7bf2156 .woocommerce ul.products li.product .woocommerce-loop-product__title{
  margin-bottom: 1px !important;
}

.elementor-20953 .elementor-element.elementor-element-7bf2156 .woocommerce ul.products li.product .ilr-albumtitel{
  margin-bottom: 5px !important;
  line-height: 1.18 !important;
}

.elementor-20953 .elementor-element.elementor-element-7bf2156 .woocommerce ul.products li.product .ilr-editie{
  margin-top: 0 !important;
  margin-bottom: 8px !important;
}

/* label compacter */
.elementor-20953 .elementor-element.elementor-element-7bf2156 .woocommerce ul.products li.product .ilr-label,
.elementor-20953 .elementor-element.elementor-element-7bf2156 .woocommerce ul.products li.product .ilr-release{
  margin-bottom: 8px !important;
  padding: 4px 10px !important;
}

/* tags compacter */
.elementor-20953 .elementor-element.elementor-element-7bf2156 .woocommerce ul.products li.product .ilr-taxline{
  margin-bottom: 8px !important;
}

.elementor-20953 .elementor-element.elementor-element-7bf2156 .woocommerce ul.products li.product .price{
  margin-bottom: 10px !important;
}

/* knop iets minder hoog */
.elementor-20953 .elementor-element.elementor-element-7bf2156 .woocommerce ul.products li.product .button,
.elementor-20953 .elementor-element.elementor-element-7bf2156 .woocommerce ul.products li.product .add_to_cart_button,
.elementor-20953 .elementor-element.elementor-element-7bf2156 .woocommerce ul.products li.product a.added_to_cart{
  min-height: 40px !important;
  padding: 9px 14px !important;
}





/* ILR — titelzone dichter op cover */
.elementor-20953 .elementor-element.elementor-element-7bf2156 .woocommerce ul.products li.product .woocommerce-loop-product__title{
  margin-top: -10px !important;
}

/* albumtitel iets compacter */
.elementor-20953 .elementor-element.elementor-element-7bf2156 .woocommerce ul.products li.product .ilr-albumtitel{
  margin-top: -2px !important;
}

/* editie iets omhoog */
.elementor-20953 .elementor-element.elementor-element-7bf2156 .woocommerce ul.products li.product .ilr-editie{
  margin-top: 4px !important;
}

/* ILR — kaart standaard iets kleiner */
.elementor-20953 .elementor-element.elementor-element-7bf2156 .woocommerce ul.products li.product{
  transform: scale(.97) !important;
  transform-origin: top center;
}

/* ILR — hover behoudt schaal + lift */
@media (hover:hover){
  .elementor-20953 .elementor-element.elementor-element-7bf2156 .woocommerce ul.products li.product:hover{
    transform: scale(.97) translateY(-4px) !important;
  }
}




/* =========================================================
   ILR — Light sweep ALLEEN over de cover in Woo/Blocksy cards
   Plaats in de Custom CSS van de shortcode-widget/container
   ========================================================= */

/* Alleen de mogelijke image/media wrappers als positioning context */
.elementor-20953 .elementor-element.elementor-element-7bf2156 .woocommerce ul.products li.product .ct-media-container,
.elementor-20953 .elementor-element.elementor-element-7bf2156 .woocommerce ul.products li.product .ct-image-container,
.elementor-20953 .elementor-element.elementor-element-7bf2156 .woocommerce ul.products li.product .attachment-woocommerce_thumbnail,
.elementor-20953 .elementor-element.elementor-element-7bf2156 .woocommerce ul.products li.product .woocommerce-loop-product__link img,
.elementor-20953 .elementor-element.elementor-element-7bf2156 .woocommerce ul.products li.product a.woocommerce-LoopProduct-link .ct-media-container,
.elementor-20953 .elementor-element.elementor-element-7bf2156 .woocommerce ul.products li.product a.woocommerce-LoopProduct-link .ct-image-container{
  position: relative !important;
}

/* Sweep op de WRAPPER, niet op de hele shortcode-container */
.elementor-20953 .elementor-element.elementor-element-7bf2156 .woocommerce ul.products li.product .ct-media-container::after,
.elementor-20953 .elementor-element.elementor-element-7bf2156 .woocommerce ul.products li.product .ct-image-container::after,
.elementor-20953 .elementor-element.elementor-element-7bf2156 .woocommerce ul.products li.product a.woocommerce-LoopProduct-link .ct-media-container::after,
.elementor-20953 .elementor-element.elementor-element-7bf2156 .woocommerce ul.products li.product a.woocommerce-LoopProduct-link .ct-image-container::after{
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  left: -38% !important;
  width: 22% !important;
  pointer-events: none !important;
  z-index: 3 !important;
  opacity: 0 !important;

  background: linear-gradient(
    115deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0.00) 30%,
    rgba(255,255,255,0.08) 45%,
    rgba(255,255,255,0.22) 50%,
    rgba(255,255,255,0.08) 55%,
    rgba(255,255,255,0.00) 70%,
    rgba(255,255,255,0) 100%
  ) !important;

  transform: skewX(-18deg) !important;
  transition:
    left .7s ease,
    opacity .18s ease !important;
}

/* Hover per productkaart */
@media (hover:hover){
  .elementor-20953 .elementor-element.elementor-element-7bf2156 .woocommerce ul.products li.product:hover .ct-media-container::after,
  .elementor-20953 .elementor-element.elementor-element-7bf2156 .woocommerce ul.products li.product:hover .ct-image-container::after,
  .elementor-20953 .elementor-element.elementor-element-7bf2156 .woocommerce ul.products li.product:hover a.woocommerce-LoopProduct-link .ct-media-container::after,
  .elementor-20953 .elementor-element.elementor-element-7bf2156 .woocommerce ul.products li.product:hover a.woocommerce-LoopProduct-link .ct-image-container::after{
    left: 118% !important;
    opacity: 1 !important;
  }
}



/* =========================================================
   ILR — CTA ROW FIX
   Wishlist links naast winkelwagen, niet erboven
========================================================= */

/* action zone zelf */
.elementor-20953 .elementor-element.elementor-element-7bf2156 .woocommerce ul.products li.product .ct-woo-card-actions,
.elementor-20953 .elementor-element.elementor-element-7bf2156 ul.products li.product .ct-woo-card-actions{
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* de nieuwe rij die via PHP is geïnjecteerd */
.elementor-20953 .elementor-element.elementor-element-7bf2156 .woocommerce ul.products li.product .ilr-loop-cta-row,
.elementor-20953 .elementor-element.elementor-element-7bf2156 ul.products li.product .ilr-loop-cta-row{
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: nowrap !important;
  gap: 10px !important;

  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* wishlist kolom */
.elementor-20953 .elementor-element.elementor-element-7bf2156 .woocommerce ul.products li.product .ilr-loop-cta-wish,
.elementor-20953 .elementor-element.elementor-element-7bf2156 ul.products li.product .ilr-loop-cta-wish{
  flex: 0 0 38px !important;
  width: 32px !important;
  min-width: 32px !important;
  max-width: 32px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  margin: 0 !important;
  padding: 0 !important;
}

/* pak de TI wrappers hard aan */
.elementor-20953 .elementor-element.elementor-element-7bf2156 .woocommerce ul.products li.product .ilr-loop-cta-wish .tinv-wraper,
.elementor-20953 .elementor-element.elementor-element-7bf2156 ul.products li.product .ilr-loop-cta-wish .tinv-wraper{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 32px !important;
  min-width: 32px !important;
  max-width: 32px !important;

  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
}

.elementor-20953 .elementor-element.elementor-element-7bf2156 .woocommerce ul.products li.product .ilr-loop-cta-wish .tinvwl_add_to_wishlist_button,
.elementor-20953 .elementor-element.elementor-element-7bf2156 ul.products li.product .ilr-loop-cta-wish .tinvwl_add_to_wishlist_button{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  margin: 0 !important;
  padding: 0 !important;
  vertical-align: top !important;
}

/* cart kolom */
.elementor-20953 .elementor-element.elementor-element-7bf2156 .woocommerce ul.products li.product .ilr-loop-cta-cart,
.elementor-20953 .elementor-element.elementor-element-7bf2156 ul.products li.product .ilr-loop-cta-cart{
  flex: 1 1 auto !important;
  min-width: 0 !important;

  display: flex !important;
  align-items: stretch !important;
  justify-content: flex-start !important;

  margin: 0 !important;
  padding: 0 !important;
}

/* knop vult resterende breedte */
.elementor-20953 .elementor-element.elementor-element-7bf2156 .woocommerce ul.products li.product .ilr-loop-cta-cart > a.button,
.elementor-20953 .elementor-element.elementor-element-7bf2156 .woocommerce ul.products li.product .ilr-loop-cta-cart > a.add_to_cart_button,
.elementor-20953 .elementor-element.elementor-element-7bf2156 ul.products li.product .ilr-loop-cta-cart > a.button,
.elementor-20953 .elementor-element.elementor-element-7bf2156 ul.products li.product .ilr-loop-cta-cart > a.add_to_cart_button{
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}

/* voorkom rare plugin spacing */
.elementor-20953 .elementor-element.elementor-element-7bf2156 .woocommerce ul.products li.product .ilr-loop-cta-wish *,
.elementor-20953 .elementor-element.elementor-element-7bf2156 .woocommerce ul.products li.product .ilr-loop-cta-cart *,
.elementor-20953 .elementor-element.elementor-element-7bf2156 ul.products li.product .ilr-loop-cta-wish *,
.elementor-20953 .elementor-element.elementor-element-7bf2156 ul.products li.product .ilr-loop-cta-cart *{
  box-sizing: border-box !important;
}/* End custom CSS */
/* Start custom CSS *//* =========================================================
   ILR — SOFT AMBIENT BACKGROUND SHELL
   Plaats op: container / inner container / widget-wrapper
========================================================= */

body.elementor-page-20953{
  --ilr-bg-purple: rgba(141,55,255,.06);
  --ilr-bg-pink: rgba(255,43,214,.05);
  --ilr-bg-top: rgba(10,7,20,.32);
  --ilr-bg-bottom: rgba(8,6,18,.18);

  background:
    radial-gradient(120% 90% at 0% 0%, var(--ilr-bg-purple), transparent 42%),
    radial-gradient(110% 90% at 100% 0%, var(--ilr-bg-pink), transparent 38%),
    linear-gradient(180deg, var(--ilr-bg-top) 0%, var(--ilr-bg-bottom) 100%);
}/* End custom CSS */