.mono-shop{display:block;padding:44px 40px 104px;background:#f8f5f3;color:#631b3e}body:has(.mono-shop) .hdt-section-header hdt-sticky-header{box-shadow:none!important}@media(min-width:1150px){body:has(.mono-shop,.mono-inspiration-list) .hdt-section-header:has(.mono-header-tools){height:130px;min-height:130px;pointer-events:none;background:transparent!important}body:has(.mono-shop,.mono-inspiration-list) .hdt-section-header:has(.mono-header-tools) hdt-sticky-header{pointer-events:auto}body:has(.mono-shop,.mono-inspiration-list) .hdt-section-header:has(.mono-header-tools):after{top:69px;bottom:auto}}.mono-shop__heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;max-width:1520px;margin:0 auto 48px}.mono-shop h1{margin:0;font:400 54px/1.1 var(--mono-font-display, Georgia, serif);color:inherit;letter-spacing:0}.mono-shop__all{font:500 12px/1.5 var(--mono-font-body, Arial, sans-serif);color:inherit;text-decoration:none}.mono-shop__description{max-width:760px;font:400 15px/1.65 var(--mono-font-body, Arial, sans-serif);color:inherit;overflow-wrap:anywhere}.mono-shop__description p{margin:0}.mono-shop__description p+p{margin-top:12px}.mono-shop__description a{color:inherit;text-underline-offset:3px}.mono-shop__group{max-width:1520px;margin-inline:auto}.mono-shop__group+.mono-shop__group{margin-top:88px}.mono-shop__group-heading{margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid transparent}.mono-shop h2{margin:0;font:400 36px/1.2 var(--mono-font-display, Georgia, serif);color:inherit;letter-spacing:0}.mono-shop__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 28px}.mono-shop__mosaic{display:contents}html body .mono-shop__heading.mono-overview-heading-hidden{position:absolute;width:1px;height:1px;min-height:0;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}html body .mono-overview-heading-hidden:before{content:none}html body .mono-overview-heading-hidden>:not(h1){display:none}.mono-shop:has(.mono-overview-heading-hidden){padding-top:40px}body:has(.mono-shop) .hdt-section-header #hdt-nav-ul>li[data-mono-landing$="/pages/shop"]>hdt-header-menu>details>summary>.hdt-menu-link-text:after,body:has(.mono-inspiration-list) .hdt-section-header #hdt-nav-ul>li[data-mono-landing$="/pages/ispirazioni"]>hdt-header-menu>details>summary>.hdt-menu-link-text:after{clip-path:inset(0)}.mono-shop__card{display:block;min-width:0;color:#631b3e;text-decoration:none}.mono-shop__media{display:block;aspect-ratio:4 / 5;overflow:hidden;background:#e7ded9}.mono-shop__media img{width:100%;height:100%;display:block;object-fit:cover;border-radius:0}.mono-shop h3{margin:18px 0 0;font:500 16px/1.5 var(--mono-font-body, Arial, sans-serif);color:inherit;letter-spacing:0}.mono-shop h3 span,.mono-shop__all{position:relative;display:inline-block;padding-bottom:5px}.mono-shop__all:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.22,1,.36,1)}.mono-shop__all:is(:hover,:focus-visible):after{transform:scaleX(1)}.mono-shop a:focus-visible{outline:2px solid #631b3e;outline-offset:6px}.mono-shop__breadcrumb{font:400 12px/1.5 var(--mono-font-body, Arial, sans-serif)}.mono-shop__breadcrumb ol{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;list-style:none;padding:0;margin:0}.mono-shop__breadcrumb a{position:relative;color:inherit;text-decoration:none}.mono-shop__breadcrumb a:after{content:"";position:absolute;inset:auto 0 -3px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.22,1,.36,1)}.mono-shop__breadcrumb a:is(:hover,:focus-visible):after{transform:scaleX(1)}@media(min-width:768px){.mono-shop{padding-top:0}.mono-shop__heading{position:relative;isolation:isolate;flex-direction:column;align-items:center;justify-content:center;gap:20px;min-height:220px;max-width:none;margin:0 -40px 48px;padding:44px 40px 48px;text-align:center;color:#f8f5f3}.mono-shop__heading:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:#631b3e;transform-origin:center;pointer-events:none}.mono-shop__heading h1{font-size:42px}.mono-shop__heading a:focus-visible{outline-color:#f8f5f3}}@media(min-width:768px)and (prefers-reduced-motion:no-preference){.mono-shop__heading:before{animation:mono-shop-band-enter .65s cubic-bezier(.22,1,.36,1) both}.mono-shop__breadcrumb{animation:mono-shop-heading-enter .65s cubic-bezier(.22,1,.36,1) .43s both}.mono-shop__heading h1{animation:mono-shop-heading-enter .85s cubic-bezier(.22,1,.36,1) .51s both}.mono-shop__heading .mono-shop__all,.mono-shop__description{animation:mono-shop-heading-enter .8s cubic-bezier(.22,1,.36,1) .61s both}@keyframes mono-shop-band-enter{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes mono-shop-heading-enter{0%{opacity:0;clip-path:inset(0 0 100%);translate:0 -10px}45%{opacity:1}to{opacity:1;clip-path:inset(-4px);translate:0 0}}}@media(min-width:1000px){.mono-shop__grid{grid-template-columns:minmax(0,1fr);gap:24px}.mono-shop__mosaic{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr) minmax(0,1fr);height:clamp(380px,min(40vw,68svh),700px);contain:layout;gap:24px 20px}.mono-shop__card{position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:0}.mono-shop__mosaic>:nth-child(1){grid-area:1 / 1 / 3 / 3}.mono-shop__mosaic>:nth-child(2){grid-area:1 / 3 / 2 / 5}.mono-shop__mosaic>:nth-child(3){grid-area:2 / 3 / 3 / 4}.mono-shop__mosaic>:nth-child(4){grid-area:2 / 4 / 3 / 5}.mono-shop__mosaic:nth-child(2n)>:nth-child(1){grid-area:1 / 3 / 3 / 5}.mono-shop__mosaic:nth-child(2n)>:nth-child(2){grid-area:1 / 1 / 2 / 3}.mono-shop__mosaic:nth-child(2n)>:nth-child(3){grid-area:2 / 1 / 3 / 2}.mono-shop__mosaic:nth-child(2n)>:nth-child(4){grid-area:2 / 2 / 3 / 3}.mono-shop__mosaic:has(>:only-child){height:clamp(240px,26vw,420px)}.mono-shop__mosaic>:only-child{grid-area:1 / 1 / 3 / 5!important}.mono-shop__mosaic:has(>:nth-child(2):last-child)>:nth-child(2){grid-row:1 / 3}.mono-shop__mosaic:has(>:nth-child(3):last-child)>:nth-child(3){grid-column:3 / 5}.mono-shop__mosaic:nth-child(2n):has(>:nth-child(3):last-child)>:nth-child(3){grid-column:1 / 3}.mono-shop__media{position:absolute;top:0;right:0;bottom:0;left:0;min-height:0;aspect-ratio:auto;contain:layout paint}.mono-shop__media img{position:absolute;top:0;right:0;bottom:0;left:0}.mono-shop__media:after{content:"";position:absolute;top:40%;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to bottom,transparent,rgb(25 20 22 / 70%))}.mono-shop h3{position:absolute;z-index:1;inset:auto 24px 20px;margin:0;color:#f8f5f3;font-size:20px;line-height:1.35;font-weight:600;overflow-wrap:anywhere}.mono-shop__card:not(:has(.mono-shop__media)){background:#e7ded9}.mono-shop__card:not(:has(.mono-shop__media)) h3{color:#631b3e}}@media(min-width:1000px)and (hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){.mono-shop__mosaic{transition:grid-template-columns 1.1s cubic-bezier(.3,.1,.2,1),grid-template-rows 1.1s cubic-bezier(.3,.1,.2,1)}.mono-shop__mosaic:has(>:nth-child(1):is(:hover,:focus-visible)){grid-template-columns:minmax(0,1.08fr) minmax(0,1.08fr) minmax(0,.92fr) minmax(0,.92fr)}.mono-shop__mosaic:has(>:nth-child(2):is(:hover,:focus-visible)){grid-template-columns:minmax(0,.96fr) minmax(0,.96fr) minmax(0,1.04fr) minmax(0,1.04fr);grid-template-rows:minmax(0,1.08fr) minmax(0,.92fr)}.mono-shop__mosaic:has(>:nth-child(3):is(:hover,:focus-visible)){grid-template-columns:minmax(0,.96fr) minmax(0,.96fr) minmax(0,1.12fr) minmax(0,.96fr);grid-template-rows:minmax(0,.94fr) minmax(0,1.06fr)}.mono-shop__mosaic:has(>:nth-child(4):is(:hover,:focus-visible)){grid-template-columns:minmax(0,.96fr) minmax(0,.96fr) minmax(0,.96fr) minmax(0,1.12fr);grid-template-rows:minmax(0,.94fr) minmax(0,1.06fr)}.mono-shop__mosaic:nth-child(2n):has(>:nth-child(1):is(:hover,:focus-visible)){grid-template-columns:minmax(0,.92fr) minmax(0,.92fr) minmax(0,1.08fr) minmax(0,1.08fr)}.mono-shop__mosaic:nth-child(2n):has(>:nth-child(2):is(:hover,:focus-visible)){grid-template-columns:minmax(0,1.04fr) minmax(0,1.04fr) minmax(0,.96fr) minmax(0,.96fr)}.mono-shop__mosaic:nth-child(2n):has(>:nth-child(3):is(:hover,:focus-visible)){grid-template-columns:minmax(0,1.12fr) minmax(0,.96fr) minmax(0,.96fr) minmax(0,.96fr)}.mono-shop__mosaic:nth-child(2n):has(>:nth-child(4):is(:hover,:focus-visible)){grid-template-columns:minmax(0,.96fr) minmax(0,1.12fr) minmax(0,.96fr) minmax(0,.96fr)}}@media(min-width:768px)and (prefers-reduced-motion:no-preference){html.js .mono-shop__card{opacity:0;transform-origin:center 65%}html.js .mono-shop__card:is(.is-visible,:focus-within){animation:mono-shop-card-enter 1.4s cubic-bezier(.17,.85,.438,.99) var(--mono-shop-delay) both}html.js .mono-shop__card:is(.is-visible,:focus-within) .mono-shop__media img{animation:mono-shop-photo-settle 1.8s cubic-bezier(.17,.85,.438,.99) var(--mono-shop-delay) both}@keyframes mono-shop-card-enter{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes mono-shop-photo-settle{0%{scale:1.08}to{scale:1}}}@media(min-width:768px)and (max-width:999px){.mono-shop__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mono-shop__grid[data-count-parity="1"]>.mono-shop__mosaic:last-child>:last-child{grid-column:1 / -1}.mono-shop__grid[data-count-parity="1"]>.mono-shop__mosaic:last-child>:last-child .mono-shop__media{aspect-ratio:8 / 5}}@media(max-width:767px){.mono-shop{padding:32px 16px 64px}.mono-shop:has(.mono-overview-heading-hidden){padding-top:32px}.mono-shop__heading{display:block;margin-bottom:36px}.mono-shop__breadcrumb{margin-bottom:16px}.mono-shop__breadcrumb ol{justify-content:flex-start}.mono-shop h1{font-size:40px}.mono-shop__description{margin-top:16px;color:#3b3737}.mono-shop__all{margin-top:20px}.mono-shop h2{font-size:34px;line-height:1.15}.mono-shop__group-heading{margin-bottom:24px;padding:0 4px;border:0}.mono-shop__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}.mono-shop__card{position:relative;isolation:isolate;overflow:hidden}.mono-shop__media{aspect-ratio:3 / 4}.mono-shop__media:after{content:"";position:absolute;top:25%;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(transparent 20%,#1914161f 45%,#191416c2)}.mono-shop h3{position:absolute;z-index:1;inset:auto 12px 14px;margin:0;color:#f8f5f3;font-size:16px;line-height:1.35;font-weight:500;overflow-wrap:break-word;text-wrap:balance}.mono-shop__mosaic:first-child>.mono-shop__card:first-child,.mono-shop__grid[data-count-parity="0"]>.mono-shop__mosaic:last-child>.mono-shop__card:last-child{grid-column:1 / -1}.mono-shop__mosaic:first-child>.mono-shop__card:first-child .mono-shop__media,.mono-shop__grid[data-count-parity="0"]>.mono-shop__mosaic:last-child>.mono-shop__card:last-child .mono-shop__media{aspect-ratio:8 / 5}.mono-shop__mosaic:first-child>.mono-shop__card:first-child h3,.mono-shop__grid[data-count-parity="0"]>.mono-shop__mosaic:last-child>.mono-shop__card:last-child h3{inset:auto 20px 20px;font-size:22px;line-height:1.2}.mono-shop h3 span{padding:0}.mono-shop__card:not(:has(.mono-shop__media)){min-height:220px;background:#631b3e}.mono-shop a:focus-visible{outline-offset:-3px;outline-color:#f8f5f3}.mono-shop__group+.mono-shop__group{margin-top:64px}@media(prefers-reduced-motion:no-preference){html.js .mono-shop__card{opacity:0;--mono-phone-delay: 0ms}html.js .mono-shop__card:nth-child(odd){--mono-phone-delay: .1s}html.js .mono-shop__mosaic:first-child>.mono-shop__card:first-child,html.js .mono-shop__mosaic:last-child>.mono-shop__card:last-child{--mono-phone-delay: 0ms}html.js .mono-shop__card.is-visible{animation:mono-shop-phone-enter .85s cubic-bezier(.22,1,.36,1) var(--mono-phone-delay) both}html.js .mono-shop__card.is-visible .mono-shop__media img{animation:mono-shop-phone-photo 1.2s cubic-bezier(.22,1,.36,1) var(--mono-phone-delay) both}html.js .mono-shop__card.is-visible h3{animation:mono-shop-phone-title .65s cubic-bezier(.22,1,.36,1) calc(var(--mono-phone-delay) + .22s) both}html.js .mono-shop__card:focus-within,html.js .mono-shop__card:focus-within :is(img,h3){opacity:1;clip-path:none;transform:none;animation:none}@keyframes mono-shop-phone-enter{0%{opacity:0;clip-path:inset(0 0 100%)}to{opacity:1;clip-path:inset(0)}}@keyframes mono-shop-phone-photo{0%{transform:scale(1.045)}to{transform:scale(1)}}@keyframes mono-shop-phone-title{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}}@media(prefers-reduced-motion:reduce){.mono-shop *{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/monoselection-shop.css.map */