:root{--deep:#123e40;--deep2:#0c3036;--sea:#65dfc6;--cream:#fcf8ee;--sun:#ffde86;--coral:#ff7560;--ink:#143438;--line:#224d4d;--muted:#6e8582;--white:#fff;--radius:20px}
    *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:Arial,'Helvetica Neue',sans-serif}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--coral);outline-offset:3px}::selection{background:var(--coral);color:#fff}
    .wrap{width:min(1200px,calc(100% - 40px));margin:auto}.display{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-weight:900;letter-spacing:-.018em;text-transform:uppercase}.pill{border:1px solid currentColor;border-radius:100px;padding:7px 13px;font-weight:800;font-size:11px;letter-spacing:.065em;text-transform:uppercase}
    header{height:78px;background:var(--cream);border-bottom:2px solid var(--deep);position:sticky;top:0;z-index:30}header .wrap{height:100%;display:flex;justify-content:space-between;align-items:center;gap:18px}.logo{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:29px;font-weight:900;letter-spacing:-1px;white-space:nowrap}.logo .dot{color:var(--coral)}.logo small{font-family:Arial,'Helvetica Neue',sans-serif;display:block;font-weight:800;font-size:8px;letter-spacing:2px;margin-top:-6px}.nav{display:flex;gap:27px;align-items:center}.nav a,.nav button{font-size:12px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;background:transparent;border:0;padding:9px 0}.nav a:hover{color:#d85a48}.nav .contact{background:var(--deep);color:white;padding:13px 20px;border-radius:30px}.menu-btn{display:none;background:transparent;border:0;color:var(--deep)}
    .hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 80% 19%,#1e6f6e 0,transparent 35%),linear-gradient(115deg,#0f4045 0%,#0a363a 60%,#174a55 100%);min-height:570px}.hero:before{content:'';position:absolute;left:-8%;bottom:-290px;border:52px solid rgba(102,223,196,.07);border-radius:50%;width:550px;height:550px}.hero .wrap{position:relative;z-index:2;display:grid;grid-template-columns:1.25fr .75fr;gap:24px;align-items:center;padding:76px 0 88px}.hero-kicker{display:inline-flex;align-items:center;gap:10px;background:var(--sun);color:var(--deep);padding:10px 15px;font-weight:900;font-size:11px;letter-spacing:.1em;text-transform:uppercase;transform:rotate(-2deg)}.hero h1{font-size:clamp(102px,12vw,188px);line-height:.74;margin:30px 0 22px;letter-spacing:-.045em}.hero .sub{font-size:clamp(25px,3vw,45px);line-height:1;color:var(--sea);margin:0}.hero .tagline{font-size:19px;font-weight:700;margin:25px 0 32px}.cta{display:inline-flex;gap:13px;align-items:center;background:var(--coral);color:var(--deep);padding:16px 23px;border-radius:40px;font-size:13px;text-transform:uppercase;font-weight:900;border:2px solid var(--deep);box-shadow:5px 5px 0 var(--deep);transition:transform .2s}.cta:hover{transform:translateY(-4px)}.hero-art{min-height:375px;display:grid;place-items:center;position:relative}.hero-disc{border-radius:50%;width:min(340px,85%);aspect-ratio:1;background:var(--sun);box-shadow:0 0 0 21px rgba(255,222,134,.12),0 0 0 48px rgba(255,222,134,.05);display:grid;place-items:center;transform:rotate(-16deg)}.hero-disc svg{width:104%;transform:rotate(20deg);filter:drop-shadow(18px 20px 2px rgba(5,38,40,.25))}.hero-sticker{position:absolute;right:0;top:0;border:2px solid white;border-radius:50%;background:var(--coral);color:var(--deep);width:112px;height:112px;display:grid;place-items:center;text-align:center;transform:rotate(17deg);font-weight:900;font-size:14px;line-height:1.1;text-transform:uppercase}.palm{position:absolute;bottom:10px;right:-28px;font-size:65px;color:var(--sea);font-weight:800;transform:rotate(-20deg)}
    .ticker{border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);background:var(--sun);overflow:hidden;white-space:nowrap}.ticker div{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:29px;font-weight:900;padding:10px 0;word-spacing:15px;letter-spacing:.035em}
    .intro{display:flex;justify-content:space-between;gap:22px;align-items:end;padding:78px 0 30px}.intro .eyebrow{font-weight:900;color:#bc6254;letter-spacing:.16em;font-size:11px}.intro h2{font-size:clamp(59px,7vw,95px);line-height:.85;margin:9px 0 15px}.intro p{color:#5c7775;max-width:660px;line-height:1.6;margin:0;font-size:14px}.counter{flex-shrink:0;text-align:center;background:var(--sea);border:2px solid var(--deep);padding:10px 21px;box-shadow:5px 5px 0 var(--deep);transform:rotate(3deg)}.counter strong{font-family:Impact,'Arial Narrow',Arial,sans-serif;display:block;font-size:45px;line-height:1}.counter span{font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
    .toolbar{background:white;border:2px solid var(--deep);padding:18px;box-shadow:6px 6px 0 #badfd6;margin:20px 0 24px}.search-row{display:flex;gap:12px;align-items:center}.search-field{flex:1;position:relative}.search-field svg{position:absolute;left:17px;top:50%;transform:translateY(-50%);color:var(--muted)}.search-field input{width:100%;height:51px;padding:0 19px 0 47px;border:1.5px solid #c9d9d5;background:#f6faf8;border-radius:12px;color:var(--deep)}.sort{height:51px;background:var(--cream);border:1.5px solid #c9d9d5;border-radius:12px;padding:0 13px;color:var(--deep);font-size:12px;font-weight:800}.tabs{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}.tab{border:1.5px solid var(--deep);border-radius:30px;padding:10px 18px;background:white;color:var(--deep);font-weight:800;font-size:12px}.tab.active{background:var(--deep);color:#fff}.filters-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:15px;flex-wrap:wrap}.filters-footer select{border:1.5px solid #c5d2d0;background:#f6faf8;color:var(--deep);padding:10px 13px;border-radius:10px;font-size:12px;max-width:100%}.result-count{font-size:12px;font-weight:800;color:#607873}.fav-toggle{border:1px solid var(--deep);background:var(--sun);padding:10px 15px;border-radius:10px;font-size:12px;font-weight:900}
    .grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:21px;padding:20px 0 90px}.tile{border:2px solid var(--deep);background:white;min-width:0;box-shadow:4px 5px 0 var(--deep);position:relative;transition:transform .2s,box-shadow .2s}.tile:hover{transform:translate(-2px,-5px);box-shadow:6px 10px 0 var(--deep)}.visual{height:231px;position:relative;display:grid;place-items:center;overflow:hidden}.visual:before{content:'';position:absolute;width:270px;height:270px;border:24px solid rgba(255,255,255,.22);border-radius:50%;right:-135px;top:-110px}.visual:after{content:'';position:absolute;width:120%;height:85px;border:2px dashed rgba(8,42,46,.13);border-radius:50%;left:-10%;bottom:-38px;transform:rotate(-9deg)}.visual svg{width:85%;max-height:150px;filter:drop-shadow(12px 15px 2px rgba(6,32,37,.11));transform:rotate(-10deg);z-index:1}.label-top{position:absolute;top:13px;left:12px;background:var(--cream);color:var(--deep);padding:6px 10px;border-radius:50px;font-size:10px;font-weight:900;z-index:2;text-transform:uppercase}.heart{position:absolute;z-index:4;right:12px;top:12px;background:white;border:1.5px solid var(--deep);width:34px;height:34px;border-radius:50%;font-size:17px;color:var(--deep)}.heart.active{background:var(--coral);color:white}.photo-label{z-index:2;position:absolute;bottom:9px;left:12px;font-size:9px;font-weight:800;color:rgba(17,56,57,.72);text-transform:uppercase;letter-spacing:.05em}.tile-main{padding:17px}.brand{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.13em;color:#ad5a51}.tile h3{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:29px;line-height:1;margin:8px 0 10px;text-transform:uppercase}.subline{font-size:12px;color:#59716e;margin:0 0 10px}.item-code{display:flex;flex-wrap:wrap;align-items:center;gap:5px 8px;margin:0 0 17px;padding:8px 9px;background:#edf7f2;border:1px solid #bad5ca;border-radius:8px;color:#123e40;font-size:11px;line-height:1.25}.item-code span{font-weight:700;color:#59716e}.item-code strong{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;letter-spacing:.02em;font-weight:800;overflow-wrap:anywhere}.variant-note{margin:0 0 8px;color:#486b65;font-size:11px;font-weight:800}.detail{display:flex;justify-content:space-between;align-items:center;width:100%;background:transparent;border:0;border-top:1px solid #dce4e1;padding:13px 0 0;color:var(--deep);font-size:11px;font-weight:900;text-align:left;text-transform:uppercase;letter-spacing:.05em}.detail span:last-child{font-size:18px}.empty{padding:60px 20px;text-align:center;border:2px dashed var(--deep);grid-column:1/-1;font-weight:700}
    .notes{background:var(--sea);border-top:2px solid var(--deep);border-bottom:2px solid var(--deep);padding:52px 0}.notes-inner{display:flex;gap:30px;align-items:center;justify-content:space-between}.notes h2{font-size:60px;line-height:.85;margin:0 0 16px}.notes p{max-width:660px;line-height:1.65;margin:0}.notes .label{background:var(--sun);border:2px solid var(--deep);padding:18px;font-family:Impact,'Arial Narrow',Arial,sans-serif;font-weight:900;font-size:23px;transform:rotate(7deg);text-transform:uppercase;max-width:190px}
    .footer{background:var(--deep2);color:white;padding:40px 0}.footer .wrap{display:flex;justify-content:space-between;gap:30px;align-items:start}.footer p{font-size:11px;line-height:1.8;color:#add0ca;max-width:610px}.footer a{text-decoration:underline}
    .overlay{position:fixed;inset:0;z-index:80;background:#0c262ad9;display:flex;align-items:center;justify-content:center;padding:18px}.dialog{background:var(--cream);border:3px solid var(--deep);box-shadow:10px 10px 0 var(--coral);width:min(650px,100%);max-height:calc(100dvh - 36px);overflow:auto;position:relative}.dialog .modalvisual{height:235px;display:grid;place-items:center;position:relative}.dialog .modalvisual svg{width:70%;max-height:195px;transform:rotate(-9deg)}.dialog-body{padding:27px}.dialog h2{font-size:60px;line-height:.86;margin:8px 0 16px}.dialog p{font-size:14px;line-height:1.7}.dialog .close{position:absolute;top:13px;right:13px;border:2px solid var(--deep);border-radius:50%;background:white;width:40px;height:40px;font-size:22px;z-index:2}.chips{display:flex;flex-wrap:wrap;gap:7px}.chips span{font-size:11px;padding:7px 12px;border:1px solid var(--deep);border-radius:20px}.disclaimer{font-size:12px;color:#597674;border-top:1px solid #b5c5bd;margin-top:18px;padding-top:17px}#mobileNav.hide,.hide{display:none!important}
    @media(max-width:1060px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.nav{gap:15px}}@media(max-width:780px){header{height:70px}.nav{display:none}.menu-btn{display:block}.mobile-nav:not(.hide){display:flex!important;flex-direction:column;position:absolute;top:68px;left:0;right:0;background:var(--cream);border-bottom:2px solid var(--deep);padding:16px 20px;gap:14px;box-shadow:0 10px 0 #123e4030}.mobile-nav a{font-weight:900;text-transform:uppercase;padding:7px}.hero .wrap{grid-template-columns:1fr;padding-top:62px}.hero h1{font-size:clamp(100px,25vw,175px)}.hero-art{min-height:250px;margin-top:8px}.hero-disc{width:210px}.hero-disc svg{width:95%}.hero-sticker{right:20%;top:0}.palm{display:none}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.intro{padding-top:55px}.notes h2{font-size:50px}}@media(max-width:530px){.wrap{width:min(100% - 28px,1200px)}.hero{min-height:0}.hero .wrap{padding-bottom:55px}.hero h1{font-size:clamp(80px,26vw,125px);margin-top:27px}.hero .sub{font-size:27px}.hero .tagline{font-size:15px}.hero-art{min-height:205px}.hero-disc{width:186px}.hero-sticker{width:80px;height:80px;font-size:11px;right:10%}.intro{align-items:start;flex-direction:column}.intro h2{font-size:57px}.counter{padding:8px 10px}.counter strong{font-size:33px}.toolbar{padding:11px}.search-row{flex-direction:column;align-items:stretch}.tabs{gap:6px}.tab{padding:9px 12px;font-size:10px}.grid{gap:12px}.visual{height:160px}.visual svg{max-height:113px}.tile-main{padding:12px}.tile h3{font-size:23px}.subline{font-size:11px;min-height:28px}.notes-inner{display:block}.notes .label{margin-top:28px}.footer .wrap{display:block}.dialog h2{font-size:46px}.dialog .modalvisual{height:180px}}
    @media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}
  
  .visual.product-photo{background:linear-gradient(140deg,#e2f8f1,#e8f0ec)!important;display:flex;align-items:center;justify-content:center}
  .product-photo>img{width:100%;height:100%;object-fit:contain;display:block;background:#f4f6f3;padding:16px;position:absolute;inset:0}
  .product-photo>.label-top,.product-photo>.heart,.product-photo>.photo-label{z-index:2}
  .photo-link{display:inline-block;margin-top:14px;background:var(--deep);color:#fff;padding:12px 17px;font-size:13px;font-weight:900;border-radius:10px}
  .photo-link:hover{background:var(--coral)}
  .oh-contact-cta{display:inline-flex;align-items:center;justify-content:center;margin-top:18px;background:#167b56;color:#fff;padding:13px 18px;border-radius:12px;font-size:13px;font-weight:900;min-height:45px}
  .oh-contact-cta:hover{background:#115e43}.oh-detail-meta{margin:12px 0;color:#365c56;font-size:13px;line-height:1.6}.oh-detail-meta strong{color:#123e40}
  .modalvisual.photo-modal{background:#f4f6f3!important;display:flex;align-items:center;justify-content:center}
  .modalvisual.photo-modal img{width:100%;height:100%;max-height:480px;object-fit:contain;}
  /* Galleria editoriale: le tre immagini devono provenire dallo stesso album. */
  #modalVisual.photo-gallery{height:auto!important;display:block;background:#f3f7f3!important;padding:17px 17px 11px}
  .oh-gallery-main{height:clamp(230px,36vw,370px);display:flex;align-items:center;justify-content:center;position:relative}
  .oh-gallery-main img{width:100%;height:100%;object-fit:contain}
  .oh-gallery-error{font-weight:800;color:#365c56;padding:24px;text-align:center;font-size:13px}
  .oh-gallery-count{position:absolute;left:9px;bottom:8px;background:#123e40;color:white;border-radius:20px;padding:5px 11px;font-size:11px;font-weight:900}
  .oh-gallery-thumbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:11px}
  .oh-gallery-thumb{padding:5px;border:2px solid #d2dfd8;border-radius:10px;background:#f7f8f6;cursor:pointer;height:94px;display:flex;align-items:center;justify-content:center;overflow:hidden}
  .oh-gallery-thumb[aria-pressed="true"]{border-color:#123e40;box-shadow:2px 3px 0 #65dfc6}
  .oh-gallery-thumb img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;background:#f7f8f6}
  .oh-gallery-thumb:focus-visible{outline:3px solid #ff7560;outline-offset:2px}
  body.product-dialog-open #ohana-chat-root{display:none!important}
  .oh-model-verified{font-weight:800;color:#336d5b;font-size:12px}
  @media(max-width:530px){#modalVisual.photo-gallery{padding:12px}.oh-gallery-main{height:245px}.oh-gallery-thumb{height:82px}}

    /* Accesso discreto, visibile anche da smartphone */
    .header-actions{display:flex;align-items:center;gap:12px;margin-left:auto}
    .account-link{display:inline-flex;align-items:center;justify-content:center;width:43px;height:43px;flex:0 0 43px;border:2px solid var(--deep);border-radius:50%;color:var(--deep);background:var(--sea);transition:background .16s ease, transform .16s ease;line-height:0}
    .account-link:hover{background:var(--sun);transform:translateY(-2px)}
    .account-link svg{width:22px;height:22px;display:block}
    @media(max-width:780px){.header-actions{gap:12px}.account-link{width:40px;height:40px;flex-basis:40px}.logo{font-size:24px}.logo small{letter-spacing:1.3px}}