/* components/vue-global-components/dropdown.scss, 
components/vue-global-components/combo-box.scss, 
components/vue-catalog-boxes.scss, 
pages/index/_hero.scss, 
pages/collection-brand/gallery.scss, 
pages/index/_slider-samples.scss, 
pages/flexible-landing-2026/flexible-landing-2026.scss */
.vue-drop{position:relative;width:fit-content;--inner-padding: 15px}@media (min-width:768px){.vue-drop{--inner-padding: 20px}}.vue-drop.disabled{opacity:0.5}.vue-drop-toggle{outline:0;line-height:14px;font-size:14px;font-weight:400;color:#58595B;padding:17px 15px;display:flex;justify-content:space-between;text-decoration:none;border-radius:3px;border:1px solid rgba(0, 0, 0, 0.5)}.vue-drop-toggle.disabled{opacity:0.5;cursor:not-allowed}.vue-drop-toggle.disabled:hover,.vue-drop-toggle.disabled:focus{color:#58595B}@media (min-width:768px){.vue-drop-toggle{padding:20px;font-size:16px}}.vue-drop-toggle label{top:17px;font-size:14px;transition:font-size 0.3s, top 0.3s}@media (min-width:768px){.vue-drop-toggle label{top:20px;font-size:16px}}.vue-drop-toggle label.floating{position:absolute;color:#888991;font-weight:300;top:7px;font-size:12px}.vue-drop-toggle .selected{position:relative;top:10px}.vue-drop-toggle .icon{margin-right:8px;max-width:22px;max-height:22px}.vue-drop-toggle:not(.disabled):hover,.vue-drop-toggle:not(.disabled):focus{color:black;border-radius:5px}.vue-drop-toggle:not(.disabled):focus-visible{box-shadow:0 0 0 2px rgba(88, 89, 91, 0.35)}.vue-drop-toggle .arrow{cursor:pointer;position:absolute;top:calc(50% - 4px);stroke:#0D0D0D;z-index:5;right:20px;transform:rotate(90deg);transition:all 0.3s;width:12px;height:12px}.vue-drop-toggle[aria-expanded='true'] .arrow{transform:rotate(-90deg);stroke:#F46C42;top:calc(50% - 6px)}.vue-drop-toggle .selected-items{margin-left:5px;color:#0d0d0d;font-weight:300}.vue-drop .dropdown-menu{padding:20px 16px;border:0;box-shadow:0 12px 17px 0 rgba(0, 0, 0, 0.1);max-height:300px;overflow:auto;width:100%}.vue-drop .dropdown-menu .selection-checkbox:not(:last-child),.vue-drop .dropdown-menu .selection-radio:not(:last-child){margin-bottom:9px}.vue-drop .dropdown-menu .selection-checkbox label.checked:after,.vue-drop .dropdown-menu .selection-radio label.checked:after{display:block}.vue-drop .clear{position:absolute;top:calc(50% - 4px);stroke:#0D0D0D;z-index:5;right:50px;width:10px;height:10px}.vue-drop .clear svg{margin-top:-16px;width:100%;height:100%}
.combo-box{position:relative}.combo-box .search-box{height:100%}.combo-box .search-box .form-control{height:100%;border:1px solid rgba(0, 0, 0, 0.5);border-radius:3px;font-size:16px;padding:25px 20px 5px;padding-left:45px}.combo-box .arrow,.combo-box .clear-query{cursor:pointer;position:absolute;top:calc(50% - 4px);stroke:#0D0D0D;z-index:5}.combo-box .arrow{right:20px;transform:rotate(90deg);transition:all 0.3s;width:12px;height:12px}.combo-box .clear-query{right:50px;width:10px;height:10px}.combo-box .clear-query svg{margin-top:-16px;width:100%;height:100%}.combo-box .search-svg{position:absolute;stroke:black;top:calc(50% - 10px);left:15px;width:20px;height:20px;transform:rotate(90deg);border-width:1px}.combo-box .dropdown{position:absolute;bottom:0;top:var(--search-bar-input-height);width:100%;z-index:2}.combo-box .dropdown-menu{box-shadow:0 8px 20px 0 rgba(0, 0, 0, 0.1);max-height:275px;overflow:auto;margin:0;padding:0;list-style-type:none;position:absolute;left:0;width:100%;background:white;display:none}.combo-box .dropdown-menu.show{display:block}.combo-box .dropdown-menu::-webkit-scrollbar{-webkit-appearance:none;width:3px}.combo-box .dropdown-menu::-webkit-scrollbar-thumb{border-radius:4px;background-color:rgba(0, 0, 0, 0.2);box-shadow:0 0 1px rgba(255, 255, 255, 0.5)}.combo-box .dropdown-item{font-weight:300;line-height:1;padding:15px;border:0;display:flex;align-items:center;font-size:13px;color:#58595B;outline:0;border-bottom:1px solid rgba(0, 0, 0, 0.2);width:100%;position:relative}.combo-box .dropdown-item input{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;cursor:pointer}.combo-box .dropdown-item.active,.combo-box .dropdown-item:focus,.combo-box .dropdown-item:hover{background:#f7f7f7;color:black}@media (min-width:768px){.combo-box .dropdown-item{font-size:16px}}@media (min-width:992px){.combo-box .dropdown-item{padding:16px 20px;font-size:18px}}.combo-box .dropdown-item-title{padding-left:30px;direction:ltr;font-size:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.combo-box .dropdown-item-image{--aspect-ratio: calc(54 / 40 * 100%);flex:0 0 40px;box-shadow:0 2px 3px 0 rgba(0, 0, 0, 0.19)}.combo-box .dropdown-toggle{width:100%;height:100%}.combo-box .dropdown-toggle:after{content:none}.combo-box .dropdown-toggle.disabled{opacity:0.5;cursor:not-allowed}.combo-box .dropdown-toggle.disabled:hover,.combo-box .dropdown-toggle.disabled:focus{color:#58595B}.combo-box .dropdown-toggle[aria-expanded='true'] .arrow{transform:rotate(-90deg);stroke:#F46C42;top:calc(50% - 6px)}.combo-box .dropdown-toggle label{top:50%;font-size:16px;transition:font-size 0.3s, top 0.3s;position:absolute;left:45px;transform:translate(0, -50%);color:#58595b}.combo-box .dropdown-toggle label.floating{color:#888991;font-weight:300;top:7px;font-size:12px;transform:unset}
.vue-catalog-boxes{margin-bottom:46px;margin-top:46px}@media (min-width:768px){.vue-catalog-boxes{margin-bottom:60px;margin-top:60px}}.vue-catalog-boxes-header{margin-bottom:15px}@media (min-width:768px){.vue-catalog-boxes-header{margin-bottom:32px}}.vue-catalog-boxes-header-title{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center}.vue-catalog-boxes-header-title .title{font-family:"Publico Banner", "Frutiger LT Pro", "Narkiss Tam", sans-serif}.vue-catalog-boxes-header .desc{font-size:16px;line-height:20px;font-weight:300;color:var(--color-secondary);margin-bottom:0}@media (min-width:768px){.vue-catalog-boxes-header .desc{font-size:20px;line-height:30px}}.vue-catalog-boxes-items{--column-gap: 14px;--row-gap: 14px;display:grid;grid-gap:var(--row-gap) var(--column-gap);grid-template-columns:1fr 1fr;align-items:unset}@media (min-width:768px){.vue-catalog-boxes-items{--column-gap: 20px;--row-gap: 20px;grid-template-columns:1fr 1fr 1fr}}@media (min-width:992px){.vue-catalog-boxes-items{grid-template-columns:1fr 1fr 1fr 1fr}}@media (min-width:1260px){.vue-catalog-boxes-items{grid-template-columns:repeat(5, calc(20% - 16px))}}.vue-catalog-boxes-items .limited-badge{pointer-events:none;position:absolute;left:0;top:69px;font-size:12px;line-height:22px;padding:0 11px;color:#58595b;font-weight:500;z-index:1;width:max-content;background-color:#d5d5d5;font-size:12px}.vue-catalog-boxes-items .btn-framed:disabled{color:#000 !important;--icon-color: #000 !important;background:transparent;border:2px solid #000 !important;opacity:0.65}
#hero{--goto-x: -100px;--goto-y: -100px;will-change:--goto-x, --goto-y;min-height:600px;position:relative}#hero .swiper-slide{position:relative}#hero .swiper-slide.porcelain .content-layer .content-layer-text{line-height:1.07}@media (min-width:992px){#hero .swiper-slide.porcelain .content-layer .content-layer-text{padding-bottom:50px}}#hero .swiper-slide.porcelain .content-layer .symbol{position:absolute;bottom:0;left:0;width:100%;margin-top:0}#hero .swiper-slide.porcelain .content-layer .symbol img{max-width:319px}#hero .background,#hero .background img{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}#hero .background img{object-fit:cover}#hero .background .video-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}#hero .background .video-container .video-ratio{position:absolute;transform:translate(-50%, -50%);height:100%;top:50%;left:50%;width:0;overflow:hidden}@media (max-width:767px){#hero .background .video-container .video-ratio{padding:0 calc(100vh * 9 / 16) 0 0}}@media (max-width:767px){body.hero-min-ratio-9-16 #hero .background .video-container .video-ratio{height:0;width:100%;padding:calc(16 / 9 * 100%) 0 0}}@media (min-width:768px){#hero .background .video-container .video-ratio{padding:0 calc(100vh / (1080 / 1920)) 0 0}}@media (min-width:768px){body.hero-min-ratio-16-9 #hero .background .video-container .video-ratio{height:0;width:100%;padding:calc(1080 / 1920 * 100%) 0 0}}#hero .background .video-container .video-ratio .video-iframe-wrapper,#hero .background .video-container .video-ratio img{position:absolute;width:100%;height:100%;top:0;left:0}#hero .background .video-container .video-ratio img{z-index:0;object-fit:initial}#hero .background .video-container .video-ratio .video-iframe-wrapper{z-index:1}#hero .background .video-container .video-ratio .video-iframe-wrapper iframe{border:0;width:100%;height:100%}#hero .background:after{z-index:2;content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0.18;background:linear-gradient(black, rgba(0, 0, 0, 0))}#hero .hold-container{z-index:1;display:flex;align-items:center;height:100vh;min-height:600px;--t-top-space: 64px;--t-width: 220px;--t-wrap-width: 0px;--b-width: 54vw;--b-max-width: 280px}@media (min-width:768px){#hero .hold-container{--t-width: 235px}}@media (min-width:992px){#hero .hold-container{--t-width: 270px;--t-wrap-width: calc(6.51vw + var(--t-width))}}@media (min-width:1260px){#hero .hold-container{--t-width: 335px}}@media (min-width:768px){#hero .hold-container{--b-wanted-height: ((100vh - 100px) * 0.575);--b-width: calc(var(--b-wanted-height) / 1.628742515);--b-max-width: 350px}}@media (min-width:992px){#hero .hold-container{--b-wanted-height: (100vh - 300px) * 0.95;--b-width: calc(var(--b-wanted-height) / 1.628742515);--b-max-width: calc(100% - var(--header-x-gap) * 3 - var(--t-max-width) * 2)}}@media (min-width:992px) and (min-height:1300px){#hero .hold-container{--b-wanted-height: (100vh - 300px) * 0.9}}@media ((min-width:  500px) and (max-width: 992px) and (min-height: 300px) and (max-height: 500px)){#hero .hold-container{--b-wanted-height: (80vh) * 0.95;--b-width: calc(var(--b-wanted-height) / 1.628742515);--b-max-width: calc(100% - var(--header-x-gap) * 3 - var(--t-max-width) * 2);--t-width: calc(var(--b-wanted-height) / 1.628742515);--t-wrap-width: calc(6.51vw + var(--t-width))}}#hero .hold-container.desktop-no-rect{--t-wrap-width: calc(17.01vw + var(--t-width))}@media (min-width:992px){#hero .hold-container.desktop-no-rect .box{display:none}}#hero .hold-container.desktop-no-rect .content-layer .title-text{--t-width: 100%}#hero .hold-container.desktop-no-rect .content-layer .subtitle-text{--t-width: 100%}#hero .hold-container .hold-wrapper{flex-shrink:0;width:100%;position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center}@media ((min-width:  500px) and (max-width: 992px) and (min-height: 300px) and (max-height: 500px)){#hero .hold-container .hold-wrapper{flex-direction:row-reverse;align-items:stretch;justify-content:center}#hero .hold-container .hold-wrapper:before{content:"";display:inline-block;flex-shrink:0;width:var(--t-wrap-width);height:20px}#hero .hold-container .hold-wrapper .box{margin:0}#hero .hold-container .hold-wrapper .content-layer{margin:0;max-width:initial;flex-shrink:0;width:var(--t-wrap-width);display:inline-block}#hero .hold-container .hold-wrapper .content-layer-text{top:50%;transform:translateY(-50%)}#hero .hold-container .hold-wrapper .content-layer-text>*{margin:auto}}@media (min-width:992px){#hero .hold-container .hold-wrapper{flex-direction:row-reverse;align-items:stretch;justify-content:center}#hero .hold-container .hold-wrapper:before{content:"";display:inline-block;flex-shrink:0;width:var(--t-wrap-width);height:20px}}#hero .hold-container .box{flex-grow:0;width:var(--b-width);max-width:var(--b-max-width);margin:0 auto}@media (min-width:992px){#hero .hold-container .box{margin:0}}#hero .hold-container .box .ratio{pointer-events:none}#hero .hold-container .box .ratio .svg{width:100%;height:100%;fill:transparent;stroke-width:4px;stroke:white}#hero .hold-container .content-layer{position:relative;width:var(--b-width);max-width:var(--b-max-width);margin:var(--t-top-space) auto 0;opacity:0;visibility:hidden;transform:translateY(20px);transition:opacity 1s, transform 1s, visibility 1s}#hero .swiper-container .swiper-slide-active .content-layer{opacity:1;transform:none;visibility:visible}@media (min-width:992px){#hero .hold-container .content-layer{margin:0;max-width:initial;flex-shrink:0;width:var(--t-wrap-width);display:inline-block}}#hero .hold-container .content-layer .title-text{line-height:1.2;color:white;font-weight:bold;font-size:25px;width:var(--t-width);margin-bottom:20px}#hero .hold-container .content-layer .title-text .italic{font-family:"Publico Banner", "Frutiger LT Pro", "Narkiss Tam", sans-serif;font-weight:900}@media (max-width:991px){#hero .hold-container .content-layer .title-text.not-only-title{margin-top:-6px}}@media (min-width:768px){#hero .hold-container .content-layer .title-text{font-size:30px}}@media (min-width:992px){#hero .hold-container .content-layer .title-text{font-size:39px;margin-bottom:32px}}#hero .hold-container .content-layer .subtitle-text{line-height:1.2;color:white;font-weight:bold;font-size:22px;width:var(--t-width);margin-bottom:20px}#hero .hold-container .content-layer .subtitle-text .italic{font-family:"Publico Banner", "Frutiger LT Pro", "Narkiss Tam", sans-serif;font-weight:900}@media (max-width:991px){#hero .hold-container .content-layer .subtitle-text.not-only-title{margin-top:-6px}}@media (min-width:768px){#hero .hold-container .content-layer .subtitle-text{font-size:27px}}@media (min-width:992px){#hero .hold-container .content-layer .subtitle-text{font-size:36px;margin-bottom:32px}}#hero .hold-container .content-layer .subtext{color:white;font-size:14px;font-weight:400;line-height:1.3;display:block;width:var(--t-width);margin-top:10px;margin-bottom:0}@media (min-width:768px){#hero .hold-container .content-layer .subtext{font-size:16px;margin-top:15px}}@media (min-width:1260px){#hero .hold-container .content-layer .subtext{font-size:20px;margin-top:30px}}#hero .hold-container .content-layer .btn{--icon-color: white;--text-color: white;margin-top:10px;font-weight:600}#hero .hold-container .content-layer .btn.btn-framed{margin-top:25px}#hero .hold-container .content-layer .btn:after{background-color:white}#hero .hold-container .content-layer .symbol{margin-top:25px;display:none}@media (min-width:992px){#hero .hold-container .content-layer .symbol{display:block}}#hero .hold-container .content-layer .symbol .logo{fill:white;color:white;width:calc(var(--header-logo-width) * 1.16);height:calc(var(--header-logo-height) * 1.16)}@media (max-width:767px){#hero .hold-container .content-layer.empty-mobile-video .content-layer-text.video:first-child{opacity:unset;visibility:unset}#hero .hold-container .content-layer.empty-mobile-video .content-layer-text.video:not(:first-child){display:none}}@media (max-width:991px){#hero .hold-container.with-logo{align-items:flex-start;padding-top:calc(var(--header-height) + 25px)}}#hero .hold-container.with-logo .hold-wrapper:before{content:unset}#hero .hold-container.with-logo .content-layer{--t-top-space: 25px}@media (min-width:992px){#hero .hold-container.with-logo .content-layer{--t-top-space: 64px}}#hero .hold-container .video-controls{display:none;position:absolute;grid-auto-flow:column;grid-gap:15px;z-index:2;left:19px;bottom:19px}@media (min-width:768px){#hero .hold-container .video-controls{left:calc((100% - 720px) / 2 + 19px)}}@media (min-width:992px){#hero .hold-container .video-controls{left:calc((100% - 960px) / 2 + 19px)}}@media (min-width:1260px){#hero .hold-container .video-controls{left:calc((100% - 1210px) / 2 + 19px)}}@media (min-width:1400px){#hero .hold-container .video-controls{left:calc((100% - 1320px) / 2 + 19px)}}@media (min-width:1920px){#hero .hold-container .video-controls{left:calc((100% - 1600px) / 2 + 19px)}}.bg-video-playing~.hold-container .video-controls{display:grid !important}#hero .hold-container .video-controls .toggle{display:flex}@media (max-width:991px){#hero .hold-container .video-controls .toggle{outline:0}}#hero .hold-container .video-controls .toggle svg{flex-shrink:0;flex-grow:0;display:block;width:20px;height:20px;fill:white;stroke:white}#hero .hold-container .video-controls .toggle .on{display:none}#hero .hold-container .video-controls .toggle.state-on .on{display:block}#hero .hold-container .video-controls .toggle.state-on .off{display:none}#hero .hold-container .content-layer-text{position:absolute;left:0;width:100%;top:0}#hero .hold-container .content-layer-text.video{opacity:0;visibility:hidden;transition:opacity 0.6s, visibility 0.6s}@media (min-width:992px){#hero .hold-container .content-layer-text{top:50%;transform:translateY(-50%)}}#hero .hold-container .content-layer-text.icon{display:none}@media (min-width:992px){#hero .hold-container .content-layer-text.icon{display:flex;position:relative}}#hero .hold-container .content-layer-text.icon .pebbles-logo{margin-left:auto;width:100%;height:100%;max-width:145px;max-height:92px}@media (min-width:992px){#hero .hold-container .content-layer-text.icon .pebbles-logo{max-width:301px;max-height:190px}}#hero .hold-container .content-layer-text.icon .porcelain-logo{margin-left:auto;width:100%;height:100%;max-width:145px;max-height:92px}@media (min-width:992px){#hero .hold-container .content-layer-text.icon .porcelain-logo{max-width:301px;max-height:230px;height:230px}}#hero .hold-container .content-layer-text.active{opacity:1;visibility:visible}#hero .hold-container .content-layer-text.force-ltr .title-text{direction:ltr;text-align:left}#hero .hold-container .content-layer-text.minified{transition:opacity 0.1s, visibility 0.1s}@media (min-width:992px){#hero .hold-container .content-layer-text.minified{transform:none;top:auto;bottom:0}}#hero .hold-container .content-layer-text.minified .title-text{font-size:20px}@media (min-width:992px){#hero .hold-container .content-layer-text.minified .title-text{font-size:26px}}#hero .hold-container .content-layer-text.minified .subtext,#hero .hold-container .content-layer-text.minified .btn{display:none}@media (max-width:991px){#hero .hold-container .content-layer-text.mobile-null-mt{margin-top:calc(-1 * var(--t-top-space) + 20px)}}@media (max-width:991px){#hero .hold-container.mobile-no-rect .box{display:none}}@media (max-width:991px){#hero .hold-container.mobile-no-rect .content-layer{--t-top-space: 0}}#hero .hold-container.no-rect .box{display:none}#hero .hold-container.no-rect .content-layer{--t-top-space: 0}#hero .hold-container .pebbles-logo-mobile{position:absolute;left:0;width:100%;bottom:60px;padding:0 var(--header-x-gap)}#hero .hold-container .pebbles-logo-mobile .content-layer-text.icon{display:block;position:relative}@media (min-width:992px){#hero .hold-container .pebbles-logo-mobile{display:none}}#hero .controls{z-index:2;position:absolute;right:19px;bottom:19px;color:white;font-weight:300;font-size:16px;direction:ltr}@media (min-width:768px){#hero .controls{right:calc((100% - 720px) / 2 + 19px)}}@media (min-width:992px){#hero .controls{right:calc((100% - 960px) / 2 + 19px)}}@media (min-width:1260px){#hero .controls{right:calc((100% - 1210px) / 2 + 19px)}}@media (min-width:1400px){#hero .controls{right:calc((100% - 1320px) / 2 + 19px)}}@media (min-width:1920px){#hero .controls{right:calc((100% - 1600px) / 2 + 19px)}}#hero .controls .swiper-pagination{position:static !important;white-space:nowrap}#hero .controls .swiper-pagination .swiper-pagination-current{font-weight:bold}#hero #hero-goto{display:none}@media (min-width:768px){#hero #hero-goto{display:block}}#hero #hero-goto .side{position:absolute;top:0;width:0;height:100%;z-index:5}#hero #hero-goto .prev-side{left:0}#hero #hero-goto .prev-side .hero-goto{left:19px}#hero #hero-goto .next-side{right:0}#hero #hero-goto .next-side .hero-goto{right:19px}#hero #hero-goto .hero-goto{position:absolute;top:calc(50% - 15px);display:flex;width:37px;height:31px;color:white}#hero #hero-goto .hero-goto.next svg{transform:rotate(180deg)}#hero #hero-goto .hero-goto svg{transition:transform 0.35s;width:100%;height:100%}#hero #hero-goto .hover-control{pointer-events:none;z-index:6;position:fixed;top:0;left:0;display:none;visibility:hidden;opacity:0;transition:opacity 0.15s, visibility 0.2s;will-change:transform;transform:translate3d(var(--goto-x), var(--goto-y), 0)}#hero.gradient-header:before{z-index:5}#hero.black .title-text,#hero.black .subtext,#hero.black .btn{color:#000 !important;--icon-color: black !important;--text-color: black !important}#hero.black .btn:after{background-color:black !important}
.gallery{position:relative;height:calc(100vh - 63px - 65px);--start-point: 63}@media (min-width:1260px){.gallery{height:calc(100vh - 87px);--start-point: 87}}.gallery-single{position:absolute;inset:0;overflow:hidden}.gallery .cover{position:absolute;inset:0}.gallery .cover img{object-fit:cover;width:100%;height:100%}.gallery .content{position:absolute;inset:0;display:grid;place-content:center;font-weight:300}@media (min-width:1260px){.gallery .content{justify-content:start;align-content:center}}.gallery .content>*:not(.btn){font-family:"Publico Banner", "Frutiger LT Pro", "Narkiss Tam", sans-serif}.gallery .content .ratio{--aspect-ratio: calc(762 / 471 * 100%);min-width:270px;width:33%}@media (max-height:800px){.gallery .content .ratio{min-width:200px}}@media (min-width:576px){.gallery .content .ratio{min-width:340px}}@media (min-width:576px) and (max-height:900px){.gallery .content .ratio{min-width:300px}}@media (min-width:1260px){.gallery .content .ratio{top:50%;left:50%;transform:translate(-50%, -50%);max-width:350px;position:absolute}}@media (min-width:1400px){.gallery .content .ratio{max-width:400px}}@media (min-width:1400px) and (min-height:950px){.gallery .content .ratio{max-width:471px}}.gallery .content .ratio img{object-fit:cover}.gallery .content .color-title{direction:ltr;font-weight:300;font-size:32px;max-width:350px}@media (min-width:1260px){.gallery .content .color-title{font-size:50px}}@media (max-width:576px){.gallery .content .color-title{max-width:200px}}.gallery .content .color-code{font-size:22px}@media (min-width:1260px){.gallery .content .color-code{font-size:30px}}.gallery .content .color-counter,.gallery .content .color-surface{position:absolute;top:16px}@media (min-width:1260px){.gallery .content .color-counter,.gallery .content .color-surface{top:40px}}.gallery .content .color-surface{left:20px;font-size:14px;font-family:"Publico Banner", "Frutiger LT Pro", "Narkiss Tam", sans-serif}@media (min-width:1260px){.gallery .content .color-surface{left:var(--rest-of-width, 19px);font-size:18px}}.gallery .content .color-counter{right:20px;font-size:12px;letter-spacing:1.1px}.gallery .content .color-counter>*:not(.current){opacity:0.6}@media (min-width:1260px){.gallery .content .color-counter{left:var(--rest-of-width, 19px);right:unset;top:unset;font-size:20px;bottom:40px}}.gallery .content:not(.dynamic-data) .color-title{margin-bottom:20px;width:min-content}@media (min-width:1260px){.gallery .content .color-title,.gallery .content .color-code,.gallery .content .btn-framed{margin-left:var(--rest-of-width, 19px)}}.gallery .content .btn-framed{width:fit-content}.gallery .content.white-text span,.gallery .content.white-text h3,.gallery .content.white-text a{color:white !important}.gallery .content.white-text .btn-framed{border-color:white;--icon-color: white}.gallery .content.white-text .btn-framed:hover,.gallery .content.white-text .btn-framed:focus{border-color:#ffffff;--icon-color: #ffffff;color:#ffffff !important;--background-color: #000000 !important}
.slider-samples{display:flex;margin-top:60px;gap:25px;flex-direction:column;padding-left:var(--bs-gutter-x, 19px);position:relative;z-index:1}@media (min-width:768px){.slider-samples{padding:0;gap:74px;margin-top:92px;margin-bottom:92px;margin-left:var(--rest-of-width)}}@media (min-width:992px){.slider-samples{flex-direction:row}}.slider-samples>.spinner-border{position:absolute;left:0;right:0;margin:auto;z-index:2;top:30%;width:4rem;height:4rem;border-width:2px}.slider-samples .swiper{opacity:0}.slider-samples .swiper.locked .swiper-wrapper{justify-content:center}.slider-samples.init .swiper{opacity:1}.slider-samples.init .spinner-border{display:none}.slider-samples .swiper{padding-bottom:30px;width:100%;height:unset;margin-left:0;transition:margin-left 2.5s ease}.slider-samples .swiper.entrance-animation{margin-left:100%;transition:margin-left 0.3s ease}.slider-samples .swiper-slide{width:100%;display:flex;flex-direction:column}@media (max-width:768px){.slider-samples .title-t1{font-size:28px}}.slider-samples-content{width:100%;display:flex}@media (min-width:992px){.slider-samples-content{display:block;max-width:226px}}.slider-samples-content .title-t1{color:#000}.slider-samples-navigation{display:flex;gap:10px;margin-right:auto;margin-left:0;padding-right:20px;margin-left:25px;margin-top:auto;width:100%;padding-left:0}@media (min-width:768px){.slider-samples-navigation{margin-top:30px;margin-right:0;margin-left:auto}}.slider-samples-navigation .swiper-button-prev,.slider-samples-navigation .swiper-button-next{position:relative;color:#0d0d0d;inset:unset;margin:0;border:1px solid;border-radius:50%;width:28px;height:28px;--swiper-navigation-size: 10px}@media (min-width:576px){.slider-samples-navigation .swiper-button-prev,.slider-samples-navigation .swiper-button-next{width:37px;height:37px;--swiper-navigation-size: 16px}}.slider-samples.entrance-animation .circles-navigation{opacity:0}.slider-samples.is-full{flex-direction:column-reverse;margin-block:50px 60px;gap:0;overflow:hidden}.slider-samples.is-full.with-title{flex-direction:column}.slider-samples.is-full.with-title .slider-samples-content{display:block;max-width:100%;padding-left:var(--rest-of-width);margin-bottom:40px}.slider-samples.is-full.with-title .slider-samples-content .title-t1{max-width:725px}.slider-samples.is-full.animated-entrance .swiper.locked .swiper-wrapper{justify-content:center}.slider-samples.is-full.animated-entrance .swiper.locked .swiper-wrapper .swiper-slide:last-child{margin-right:0}@media (min-width:992px){.slider-samples.is-full{margin-block:70px 130px;margin-left:unset}.slider-samples.is-full .slider-samples-navigation{margin-top:0}.slider-samples.is-full .slider-samples-navigation .swiper-button-prev,.slider-samples.is-full .slider-samples-navigation .swiper-button-next{position:absolute;top:40%;width:42px;height:42px;--swiper-navigation-size: 13px;color:#000;transform:translateY(calc(-50% - 20px))}.slider-samples.is-full .slider-samples-navigation .swiper-button-prev{left:20px}.slider-samples.is-full .slider-samples-navigation .swiper-button-next{right:20px}}.slider-samples.is-full .swiper-slide{height:auto;display:flex;flex-direction:column}.slider-samples.is-full .swiper-slide.stone{height:unset !important}.slider-samples.is-full .stone{height:100%}@media (max-width:576px){.slider-samples.is-full .stone{max-width:227px}}.slider-samples.is-full .stone-bottom{flex-grow:1;display:flex;flex-direction:column}.slider-samples.is-full .stone-bottom .btn{justify-self:end}.slider-samples.is-full .low-silica-badge{top:unset}.slider-samples.is-full .stone-terms{margin-bottom:20px;flex-wrap:wrap}@media (min-width:992px){.slider-samples.is-full .stone-terms{margin-bottom:35px}}.slider-samples .stone{justify-content:stretch;height:100% !important}
.flexible-landing-2026{display:flow-root}.flexible-landing-2026 .slider-samples .stone-bottom{background:white}