:root{--oc-ink:#050d10;--oc-deep:#071b1c;--oc-green:#00a985;--oc-green-accessible:#008269;--oc-muted:#c5d9d3;--oc-line:#dce7e3}
body.oc-design{font-family:"DM Sans",sans-serif}
.oc-design :is(h1,h2,h3,h4,h5,h6,.button,.subtitle,.title--page,.title--section){font-family:"DM Sans",sans-serif}
.oc-design :is(h1,h2,.title--page,.title--section){font-weight:700;line-height:1.08;letter-spacing:-.035em}
.oc-design .button{border-radius:5px;font-weight:700;text-transform:none;min-height:48px}
.oc-design :is(a,button,input,select,textarea):focus-visible{outline:3px solid var(--oc-green);outline-offset:3px}
.oc-design .button--primary{background:var(--oc-green-accessible);color:#fff}
.oc-design .button--primary:hover{background:#006b57;color:#fff}
.oc-design .card-wrapper{border:1px solid var(--oc-line);border-radius:8px;overflow:hidden;background:#fff;transition:border-color .15s ease,box-shadow .15s ease}
.oc-design .card-wrapper:hover{border-color:#7fc8b8;box-shadow:0 8px 24px #071b1c0a}
.oc-design .card__heading{letter-spacing:-.02em;line-height:1.2}
.oc-design .price{font-weight:700}
.oc-design .footer{background:linear-gradient(120deg,var(--oc-ink),var(--oc-deep));color:#e8f2ee}
.oc-promo-section{margin:32px auto;max-width:1920px;padding:0 clamp(20px,3.7vw,70px)}
.oc-promo-grid{display:grid;gap:16px}
.oc-promo-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.oc-promo{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;min-height:330px;position:relative;overflow:hidden;border:1px solid #113931;border-radius:8px;background:radial-gradient(ellipse at 90% 90%,#0c473c,var(--oc-deep) 44%,var(--oc-ink) 85%);color:#fff}
.oc-promo__copy{padding:30px 0 30px clamp(22px,2.5vw,42px);position:relative;z-index:1}
.oc-promo__eyebrow{font-size:11px!important;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#7bdcc4;margin:0 0 14px}
.oc-promo h2{color:#fff;font-size:clamp(26px,2.2vw,42px);margin:0 0 14px;line-height:1.07}
.oc-promo__text{font-size:14px;line-height:1.55;color:var(--oc-muted);margin-bottom:22px;max-width:520px}
.oc-promo__text p{margin:0}
.oc-promo__button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:48px;padding:10px 20px;background:var(--oc-green);color:#021c15;text-decoration:none;font-size:14px;font-weight:700;border-radius:5px;line-height:1.2}
.oc-promo__button:hover{background:#66e0c1;color:#021c15}
.oc-promo__visual{position:relative;display:flex;align-items:center;justify-content:center;height:100%;min-width:0;overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 9%)}
.oc-promo__visual img{display:block;width:100%;height:100%;max-height:330px;object-fit:contain;object-position:right center}
.oc-promo__symbol{width:60%;max-width:210px;color:#3dc8a7;filter:drop-shadow(0 0 24px #00a98540)}
.oc-promo-section--wide{padding:0;max-width:none;margin:30px 0}
.oc-promo-section--wide .oc-promo{border-radius:0;border:0;min-height:300px;grid-template-columns:1fr 1fr}
.oc-promo-section--wide .oc-promo__copy{padding-left:clamp(24px,4vw,100px)}
.oc-promo-section--wide .oc-promo__visual img{max-height:350px;object-fit:contain}
.oc-design .product-slider__swiper{background:linear-gradient(110deg,var(--oc-ink),var(--oc-deep));border-radius:8px;border:1px solid #153c34}
.oc-design .product-slider__content{color:var(--oc-muted)}
.oc-design .product-slider__title{color:#fff;line-height:1.08;font-size:clamp(30px,3vw,48px)}
.oc-design .product-slider__text{color:var(--oc-muted)}
.oc-design .product-slider__image img{object-fit:contain!important;background:var(--oc-ink)}
.oc-design .product-slider__subheading{color:#7bdcc4!important}
.oc-design .product-slider__product{color:#101e1a}
.oc-design .multicolumn-card{border-color:var(--oc-line);border-radius:8px}
.oc-design .multicolumn-card h2{font-size:22px;letter-spacing:-.025em}
.oc-design .categories-list__image{background:var(--oc-ink);border-radius:8px;overflow:hidden}
.oc-design .categories-list__image img{object-fit:cover;object-position:right center}
.oc-design .categories-list__item-title{font-weight:700;letter-spacing:-.025em}
.oc-design .collapsible-content__item{border-color:var(--oc-line)}
.oc-design .popup__content h2{font-size:clamp(22px,2vw,30px);line-height:1.14}
.oc-design .oc-collection{background:radial-gradient(ellipse at 90% 100%,#104737,var(--oc-deep) 42%,var(--oc-ink) 85%);color:#fff;margin-bottom:30px}
.oc-collection__inner{max-width:1920px;margin:auto;padding:24px clamp(24px,4vw,70px);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px;min-height:280px}
.oc-collection__copy h1{font-size:clamp(34px,4vw,58px);color:#fff;margin:12px 0 16px}
.oc-collection__copy .breadcrumb{color:#a7cdc1;margin:0;position:static}
.oc-collection__copy .breadcrumb a{color:#a7cdc1}
.oc-collection__description{font-size:15px;line-height:1.55;color:var(--oc-muted);max-width:680px}
.oc-collection__description p{margin:0 0 10px}
.oc-collection__visual{height:260px;display:flex;align-items:center;justify-content:flex-end;overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 8%)}
.oc-collection__visual img{display:block;width:100%;height:100%;object-fit:contain;object-position:right}
.oc-collection__visual svg{max-width:240px;color:#3dc8a7;margin:auto}
@media(min-width:1500px){.oc-promo{min-height:350px}.oc-promo__text{font-size:16px}.oc-promo__visual img{max-height:350px}}
@media(max-width:1100px){.oc-promo{grid-template-columns:1.15fr 1fr}.oc-promo__copy{padding-left:24px}.oc-promo h2{font-size:28px}.oc-promo__text{font-size:13px}.oc-promo__button{padding:10px 14px;font-size:13px;gap:12px}}
@media(max-width:749px){.oc-promo-section{padding:0 16px;margin:24px 0}.oc-promo-grid--2{grid-template-columns:1fr;gap:16px}.oc-promo{min-height:300px;grid-template-columns:1.1fr 1fr}.oc-promo__copy{padding:24px 0 24px 20px}.oc-promo h2{font-size:27px}.oc-promo__eyebrow{font-size:10px!important;letter-spacing:.08em;margin-bottom:10px}.oc-promo__text{font-size:13px;line-height:1.45;margin-bottom:18px}.oc-promo__button{font-size:12px;gap:10px;padding:10px 12px;min-height:46px}.oc-promo__visual img{max-height:300px;width:100%;object-fit:contain}.oc-promo-section--wide{padding:0}.oc-promo-section--wide .oc-promo{min-height:310px}.oc-promo-section--wide .oc-promo__copy{padding-left:20px}.oc-promo-section--wide .oc-promo__visual img{max-height:300px}.oc-collection__inner{grid-template-columns:1fr;min-height:0;padding:24px 20px;gap:0}.oc-collection__copy h1{font-size:36px}.oc-collection__description{font-size:14px}.oc-collection__visual{height:160px}.oc-collection__visual img{width:80%}.oc-design .product-slider__title{font-size:30px}}
@media(prefers-reduced-motion:reduce){.oc-design .card-wrapper{transition:none}}

.oc-category-section{margin-top:44px;margin-bottom:44px}.oc-category-heading{margin:0 0 26px;font-size:clamp(28px,3vw,40px)}.oc-category-links{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.oc-category-link{display:block;color:#102c25;text-decoration:none;font-weight:700;font-size:17px;min-width:0}.oc-category-link__art{aspect-ratio:1.25;background:radial-gradient(ellipse at 75% 90%,#104737,#050d10 80%);border:1px solid #174337;border-radius:8px;overflow:hidden;margin-bottom:14px;display:flex;align-items:center;justify-content:center}.oc-category-link__art img{width:100%;height:100%;object-fit:contain}.oc-category-link__art svg{width:65%;color:#3dc8a7}.oc-category-link>span{display:flex;justify-content:space-between;gap:10px;align-items:center}.oc-category-link>span>span{color:#008269}.oc-category-link:hover{color:#008269}@media(max-width:749px){.oc-category-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}.oc-category-link{font-size:15px}.oc-category-section{margin:30px 0}}

@media(max-width:749px){.oc-promo,.oc-promo-section--wide .oc-promo{display:block;min-height:310px}.oc-promo__copy,.oc-promo-section--wide .oc-promo__copy{width:100%;padding:24px 20px}.oc-promo h2{max-width:95%;position:relative;z-index:2}.oc-promo__text{max-width:62%;position:relative;z-index:2}.oc-promo__visual{position:absolute;right:0;bottom:0;width:44%;height:72%;z-index:0}.oc-promo__visual img{width:100%;height:100%;object-fit:contain}.oc-promo__button{position:relative;z-index:2}.oc-promo__symbol{width:80%}}


/* Intestazioni categorie: messaggi specifici, prodotto in primo piano. */
.oc-design .oc-collection--editorial{background:radial-gradient(ellipse at 84% 45%,#0a3a30 0,transparent 49%),#050d10;border-bottom:1px solid #174337;margin-bottom:28px;overflow:hidden}
.oc-collection--editorial .oc-collection__inner{grid-template-columns:1.1fr 1fr;gap:0 32px;padding-top:28px;padding-bottom:0;min-height:0;position:relative}
.oc-collection--editorial .oc-collection__copy{padding:0 0 28px;z-index:2;min-width:0}
.oc-collection--editorial .breadcrumb{font-size:11px;opacity:.8;margin-bottom:25px}
.oc-collection__eyebrow{display:flex;align-items:center;gap:9px;color:#71d6ba;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.13em;margin:0 0 12px}
.oc-collection__eyebrow>span{width:7px;height:7px;border-radius:50%;background:#00c797;box-shadow:0 0 14px #00c79760;flex:none}
.oc-collection--editorial .oc-collection__copy h1{font-size:clamp(38px,4.2vw,66px);line-height:1.02;letter-spacing:-.045em;margin:0 0 13px}
.oc-collection__statement{font-size:clamp(19px,2vw,28px);font-weight:500;line-height:1.15;letter-spacing:-.025em;color:#7bdfbf;margin:0 0 16px;max-width:620px}
.oc-collection--editorial .oc-collection__description{font-size:14px;line-height:1.6;max-width:500px;color:#b7cdc4}
.oc-collection--editorial .oc-collection__description p{margin:0}
.oc-collection__actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:22px}
.oc-collection__actions .oc-promo__button{background:#00a985;color:#031c14;min-height:44px;padding:10px 20px;gap:28px;font-size:13px}
.oc-collection__config-link{color:#e3f5ed;font-size:13px;font-weight:700;text-decoration:none;border-bottom:1px solid #497368;padding:9px 0}
.oc-collection__config-link:hover{color:#7bdfbf;border-color:#7bdfbf}
.oc-collection--editorial .oc-collection__visual{height:350px;position:relative;overflow:visible;align-self:center;mask-image:none;justify-content:center}
.oc-collection--editorial .oc-collection__visual img{position:relative;width:100%;height:100%;object-fit:contain;object-position:right center;mask-image:linear-gradient(to right,transparent 0,#000 12%);z-index:1;mix-blend-mode:lighten}
.oc-collection__halo{position:absolute;width:75%;aspect-ratio:1;right:0;top:8%;border:1px solid #3e9c6f24;border-radius:50%;box-shadow:0 0 0 34px #3e9c6f07,0 0 0 68px #3e9c6f04}
.oc-collection__caption{position:absolute;right:0;bottom:8px;z-index:2;font-size:9px;letter-spacing:.15em;color:#b1cfc2;font-weight:500}
.oc-collection__features{grid-column:1/-1;display:flex;align-items:center;gap:28px;list-style:none;padding:14px 0;margin:0;border-top:1px solid #afd7c521;color:#c3dbd0;font-size:12px}
.oc-collection__features li{display:flex;gap:8px;align-items:center;margin:0;line-height:1.3}
.oc-collection__features svg{width:16px;height:16px;color:#42d5a1;flex:none}
.oc-collection--text-only .oc-collection__inner{grid-template-columns:1fr}
@media(min-width:1500px){.oc-collection--editorial .oc-collection__visual{height:380px}.oc-collection--editorial .oc-collection__description{font-size:16px}}
@media(max-width:989px) and (min-width:750px){.oc-collection--editorial .oc-collection__inner{grid-template-columns:1.15fr 1fr;gap:0 14px}.oc-collection--editorial .oc-collection__visual{height:310px}.oc-collection__features{gap:18px;font-size:11px}}
@media(max-width:749px){.oc-collection--editorial .oc-collection__inner{grid-template-columns:1fr;padding:20px 20px 0;gap:0}.oc-collection--editorial .breadcrumb{margin-bottom:22px}.oc-collection--editorial .oc-collection__copy{padding-bottom:0}.oc-collection--editorial .oc-collection__copy h1{font-size:40px}.oc-collection__eyebrow{font-size:10px}.oc-collection__statement{font-size:23px;max-width:340px}.oc-collection--editorial .oc-collection__description{font-size:13px;max-width:420px}.oc-collection__actions{gap:20px;margin-top:18px}.oc-collection--editorial .oc-collection__visual{height:210px;margin:10px 0 6px;overflow:hidden}.oc-collection--editorial .oc-collection__visual img{width:100%;object-position:center;mask-image:linear-gradient(to right,transparent,#000 10%)}.oc-collection__halo{width:55%;top:15%;right:15%}.oc-collection__caption{font-size:8px;bottom:5px}.oc-collection__features{display:grid;gap:10px;padding:14px 0 18px;font-size:11px}.oc-collection__features li{gap:7px}}

/* Unica scena fotografica a tutta superficie: nessun riquadro inserito. */
.oc-promo--scene{display:block;min-height:280px;isolation:isolate;background:#050d10}
.oc-promo--scene .oc-promo__visual{position:absolute;inset:0;width:100%;height:100%;z-index:-1;mask-image:none;overflow:hidden}
.oc-promo--scene .oc-promo__visual img{width:100%;height:100%;max-height:none;object-fit:cover;object-position:right center;display:block}
.oc-promo--scene .oc-promo__copy{width:52%;padding:28px 0 28px 28px;box-sizing:border-box}
.oc-promo--scene h2{font-size:clamp(23px,2vw,34px)}
.oc-promo--scene .oc-promo__text{font-size:13px}
.oc-promo--scene .oc-promo__button{min-height:44px;font-size:13px;gap:20px}
.oc-promo--scene .oc-promo__copy>*{max-width:100%}
.oc-category-link__art img{object-fit:cover;object-position:right bottom}
.oc-config-home .oc-config-home__art{inset:0;width:100%;height:100%}
.oc-config-home .oc-config-home__art img{inset:0;width:100%!important;height:100%!important;clip-path:none;object-fit:cover;object-position:right center;opacity:1}
.oc-design .oc-collection--editorial{isolation:isolate;background:#050d10;position:relative}
.oc-collection--editorial .oc-collection__inner{display:block;max-width:none;padding-top:28px;position:relative}
.oc-collection--editorial .oc-collection__copy{width:52%;max-width:680px;min-height:340px;position:relative;z-index:2}
.oc-collection--editorial .oc-collection__visual{position:absolute;inset:0;width:100%;height:100%;margin:0;z-index:0;overflow:hidden;mask-image:none}
.oc-collection--editorial .oc-collection__visual img{width:100%;height:100%;object-fit:cover;object-position:right center;mask-image:none;mix-blend-mode:normal}
.oc-collection__halo{display:none}
.oc-collection--editorial .oc-collection__caption{right:4vw;bottom:64px}
.oc-collection--editorial .oc-collection__features{position:relative;z-index:2}
.oc-collection--text-only .oc-collection__copy{width:100%}
.oc-design .product-slider__item{position:relative;isolation:isolate;background:#050d10;min-height:430px}
.oc-design .product-slider__image{position:absolute;inset:0;width:100%;height:100%;padding:0;z-index:-1}
.oc-design .product-slider__image img{width:100%;height:100%;max-width:none;object-fit:cover!important;object-position:right center;background:transparent}
.oc-design .product-slider__content{width:50%;position:relative;z-index:1;padding:32px 36px;align-items:flex-start}
.oc-design .product-slider__title,.oc-design .product-slider__text{text-align:left}
.oc-design .product-slider__title{font-size:clamp(27px,3vw,42px)}
.oc-design .product-slider__text{font-size:15px;margin-bottom:24px}
.oc-design .product-slider__product{width:100%;max-width:430px}
@media(min-width:1500px){.oc-promo--scene{min-height:310px}}
@media(max-width:1099px) and (min-width:750px){.oc-design .product-slider__content{width:52%;padding:28px}.oc-design .product-slider__title{font-size:28px}.oc-design .product-slider__swiper{height:auto}}
@media(max-width:749px){
.oc-promo--scene,.oc-promo-section--wide .oc-promo--scene{min-height:420px;background:#050d10}
.oc-promo--scene .oc-promo__copy{width:100%;padding:24px 20px 180px}
.oc-promo--scene h2{font-size:27px;max-width:100%}
.oc-promo--scene .oc-promo__text{max-width:95%;font-size:13px}
.oc-promo--scene .oc-promo__visual{inset:auto 0 0;height:215px;width:100%;mask-image:linear-gradient(to bottom,transparent,#000 15%)}
.oc-promo--scene .oc-promo__visual img{object-fit:cover;object-position:right bottom}
.oc-config-home.oc-config-home--wide{height:380px;background:#050d10;align-items:flex-start}
.oc-config-home .oc-config-home__art{inset:auto 0 0;height:200px;mask-image:linear-gradient(to bottom,transparent,#000 15%)}
.oc-config-home .oc-config-home__art img{object-position:right bottom}
.oc-collection--editorial .oc-collection__inner{padding:20px 20px 0}
.oc-collection--editorial .oc-collection__copy{width:100%;max-width:none;min-height:0;padding-bottom:235px}
.oc-collection--editorial .oc-collection__visual{inset:auto 0 88px;height:275px;width:100%;margin:0;mask-image:linear-gradient(to bottom,transparent,#000 15%)}
.oc-collection--editorial .oc-collection__visual img{object-position:right bottom}
.oc-collection--editorial .oc-collection__caption{right:20px;bottom:10px}
.oc-collection--editorial .oc-collection__features{margin:0 -20px;padding:14px 20px 18px;background:#050d10}
.oc-design .product-slider__item{padding-bottom:245px;min-height:0}
.oc-design .product-slider__content{width:100%;padding:26px 22px 12px}
.oc-design .product-slider__image{inset:auto 0 0;height:265px;mask-image:linear-gradient(to bottom,transparent,#000 15%)}
.oc-design .product-slider__image img{object-position:right bottom}
.oc-design .product-slider__text{font-size:14px;margin-top:16px;margin-bottom:20px}
}
.oc-design .product-slider__pagination{left:32px!important;right:auto!important;top:auto!important;bottom:18px!important;transform:none!important;display:flex;flex-direction:row;gap:8px;align-items:center;width:auto!important}
@media(max-width:749px){.oc-design .product-slider__pagination{left:22px!important;bottom:12px!important}}

html[data-scheme="dark"] .oc-design .card-wrapper{background:#101c20;border-color:#29443e;color:#f0f0f0}
html[data-scheme="dark"] .oc-design .card-wrapper .card__inner{background:#fff}
html[data-scheme="dark"] .oc-design .card-wrapper :is(.card__title,.card__title a,.price,.price-item--regular){color:#f0f0f0}
html[data-scheme="dark"] .oc-design .card-wrapper .price-item--sale{color:#79dfc4}

html[data-scheme="dark"] .oc-category-link{color:#9de5cf}
html[data-scheme="dark"] .oc-category-link>span>span{color:#9de5cf}
html[data-scheme="dark"] .oc-category-link:is(:hover,:focus-visible){color:#fff}
html[data-scheme="dark"] .oc-category-link:is(:hover,:focus-visible)>span>span{color:#fff}
