/* ========================================================================== Posterphenia Mods - stile mods su base bianca (come il sito attuale): piatto, bordi netti, target e scacchi. Nessuna ombra sui pulsanti. I colori si cambiano da Aspetto > Personalizza > Colori del brand. ========================================================================== */ :root{ --pp-ink:#111111; --pp-paper:#ffffff; --pp-white:#ffffff; --pp-soft:#f4f4f1; --pp-hair:#e5e5e5; --pp-red:#ad1212; --pp-blue:#007ba1; --pp-sky:#1e84c2; --pp-gold:#e2c002; --pp-line:var(--pp-ink); --pp-muted:#5f5f64; --pp-font:"Lato",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; --pp-display:"Lato",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; --pp-wrap:1280px; --pp-gutter:clamp(16px,4vw,40px); --pp-header-h:72px; } *,*::before,*::after{box-sizing:border-box} html{-webkit-text-size-adjust:100%;scroll-behavior:smooth} @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}} body{margin:0;background:var(--pp-paper);color:var(--pp-ink);font-family:var(--pp-font);font-size:1rem;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility} img,svg,video{max-width:100%;height:auto;display:block} a{color:inherit;text-decoration-thickness:2px;text-underline-offset:3px} a:hover{color:var(--pp-red)} :focus-visible{outline:3px solid var(--pp-blue);outline-offset:2px} .screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden;white-space:nowrap} .skip-link:focus{clip:auto;width:auto;height:auto;left:8px;top:8px;z-index:100000;background:var(--pp-ink);color:var(--pp-white);padding:10px 16px} h1,h2,h3,h4,h5,h6{font-family:var(--pp-display);font-weight:900;line-height:1.08;letter-spacing:-.005em;text-transform:uppercase;margin:0 0 .5em} h1{font-size:clamp(2.1rem,5.6vw,4.2rem)} h2{font-size:clamp(1.5rem,3.4vw,2.4rem)} h3{font-size:clamp(1.25rem,2vw,1.6rem)} p{margin:0 0 1.1em} .pp-wrap{width:100%;max-width:var(--pp-wrap);margin-inline:auto;padding-inline:var(--pp-gutter)} .pp-section{padding-block:clamp(48px,8vw,104px)} .pp-section--ink{background:var(--pp-ink);color:var(--pp-white)} .pp-section--ink a:hover{color:var(--pp-gold)} .pp-section--white,.pp-section--soft{background:var(--pp-soft)} .pp-section--tight{padding-block:clamp(20px,3vw,36px)} .pp-wrap--narrow{max-width:900px} .pp-center{text-align:center;margin-top:28px} .pp-eyebrow--teal{background:var(--pp-blue)!important} .pp-eyebrow{display:inline-block;background:var(--pp-red);color:var(--pp-white);font-weight:700;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;padding:5px 10px;margin-bottom:18px} .pp-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:32px;flex-wrap:wrap} .pp-section-head h2{margin:0} .pp-link-arrow{font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:.85rem;text-decoration:none;border-bottom:2px solid currentColor} .pp-link-arrow::after{content:" \2192"} /* --- motivi mods ---------------------------------------------------------- */ .pp-checker{height:28px;background:conic-gradient(var(--pp-ink) 25%,var(--pp-paper) 0 50%,var(--pp-ink) 0 75%,var(--pp-paper) 0) 0 0/28px 28px;border-block:2px solid var(--pp-ink)} .pp-checker--thin{height:14px;background-size:14px 14px} .pp-roundel{aspect-ratio:1;border-radius:50%;background:radial-gradient(circle closest-side,var(--pp-red) 0 24%,#fff 0 46%,var(--pp-blue) 0 100%)} .pp-stripes{height:10px;background:linear-gradient(var(--pp-red) 0 33.3%,#fff 0 66.6%,var(--pp-blue) 0);border-top:1px solid var(--pp-hair)} /* --- pulsanti (piatti) ---------------------------------------------------- */ .pp-btn,.button,button.button,input[type=submit],.wp-element-button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt{ display:inline-flex;align-items:center;justify-content:center;gap:.5em;cursor:pointer; background:var(--pp-red);color:var(--pp-white);border:2px solid var(--pp-ink);border-radius:0; font:700 .9rem/1 var(--pp-font);letter-spacing:.1em;text-transform:uppercase;text-decoration:none; padding:16px 26px;min-height:50px;box-shadow:none;text-shadow:none;transition:background-color .15s,color .15s } .pp-btn:hover,.button:hover,button.button:hover,input[type=submit]:hover,.wp-element-button:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover{background:var(--pp-ink);color:var(--pp-white)} .pp-btn--dark{background:var(--pp-ink)} .pp-btn--dark:hover{background:var(--pp-red)} .pp-btn--ghost{background:transparent;color:var(--pp-ink)} .pp-btn--ghost:hover{background:var(--pp-ink);color:var(--pp-white)} .pp-section--ink .pp-btn--ghost{color:var(--pp-white);border-color:var(--pp-white)} .pp-section--ink .pp-btn--ghost:hover{background:var(--pp-white);color:var(--pp-ink)} .woocommerce button.button:disabled,.woocommerce button.button.disabled,.woocommerce button.button:disabled[disabled]{background:#9a9a9a;color:var(--pp-white);padding:16px 26px;opacity:1} /* --- form ------------------------------------------------------------------ */ input[type=text],input[type=email],input[type=search],input[type=tel],input[type=url],input[type=password],input[type=number],textarea,select{ width:100%;background:var(--pp-white);color:var(--pp-ink);border:2px solid var(--pp-ink);border-radius:0;padding:13px 14px;font:inherit;min-height:50px } textarea{min-height:130px} label{font-weight:600} input[type=checkbox],input[type=radio]{accent-color:var(--pp-red);width:18px;height:18px} /* --- barra superiore + header ----------------------------------------------- */ .pp-topbar{background:var(--pp-ink);color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase} .pp-topbar__row{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:38px} .pp-topbar__msg{margin:0;line-height:1.3} .pp-topbar__right{display:flex;align-items:center;gap:22px} .pp-topbar ul{list-style:none;margin:0;padding:0;display:flex;gap:20px} .pp-topbar a{text-decoration:none;color:#fff} .pp-topbar a:hover{color:var(--pp-gold)} .pp-header{position:sticky;top:0;z-index:50;background:var(--pp-paper);border-bottom:1px solid var(--pp-hair)} .admin-bar .pp-header{top:32px} @media (max-width:782px){.admin-bar .pp-header{top:46px}} .pp-header__row{display:flex;align-items:center;gap:24px;min-height:var(--pp-header-h)} .pp-brand{display:flex;align-items:center;flex:none;text-decoration:none;line-height:1} .pp-brand:hover{color:var(--pp-ink)} .pp-brand img,.pp-brand .custom-logo{height:30px;width:auto;max-width:none} .pp-nav{margin-left:auto} .pp-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:2px;align-items:center} .pp-nav a{display:block;padding:12px 12px;text-decoration:none;font-weight:900;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;border-bottom:3px solid transparent;white-space:nowrap} .pp-nav a:hover,.pp-nav .current-menu-item>a,.pp-nav .current-menu-ancestor>a,.pp-nav .current_page_item>a{color:var(--pp-ink);border-bottom-color:var(--pp-red)} .pp-nav>ul>li>a[href*="magnetoclip"]{color:var(--pp-blue)} .pp-nav .pp-nav-custom>a{background:var(--pp-red);color:var(--pp-white);border:2px solid var(--pp-ink);border-bottom-width:2px} .pp-nav .pp-nav-custom>a:hover{background:var(--pp-ink);color:var(--pp-white)} /* sottomenu (categorie): pannello a tendina */ .pp-nav li{position:relative} .pp-nav .menu-item-has-children>a::after{content:"";display:inline-block;margin-left:7px;width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-3px) rotate(45deg)} .pp-nav .sub-menu{display:none;position:absolute;left:0;top:100%;min-width:270px;background:var(--pp-paper);border:2px solid var(--pp-ink);padding:8px 0;z-index:70} .pp-nav li:hover>.sub-menu,.pp-nav li:focus-within>.sub-menu{display:block} .pp-nav .sub-menu li{display:block} .pp-nav .sub-menu a{padding:9px 18px;font-size:.78rem;border-bottom:0;white-space:normal} .pp-nav .sub-menu a:hover{background:var(--pp-soft);color:var(--pp-red)} .pp-nav .sub-menu .sub-menu{display:block;position:static;border:0;min-width:0;padding:0 0 4px} .pp-nav .sub-menu .sub-menu a{padding:5px 18px 5px 34px;font-size:.74rem;font-weight:700;letter-spacing:.04em;color:var(--pp-muted)} .pp-nav .sub-menu .menu-item-has-children>a::after{display:none} .pp-subtoggle{display:none} .pp-tools{display:flex;align-items:center;gap:2px} .pp-iconbtn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:none;border:0;color:var(--pp-ink);cursor:pointer;padding:0;text-decoration:none} .pp-iconbtn:hover{color:var(--pp-red)} .pp-iconbtn svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:square} .pp-cart-count{position:absolute;top:2px;right:0;min-width:19px;height:19px;padding:0 4px;background:var(--pp-red);color:var(--pp-white);font-size:.7rem;font-weight:700;line-height:19px;text-align:center;border-radius:10px} .pp-cart-count:empty,.pp-cart-count[data-count="0"]{display:none} .pp-burger{display:none} .pp-searchbar{display:none;border-top:1px solid var(--pp-hair);background:var(--pp-soft);padding:14px 0} .pp-searchbar.is-open{display:block} .pp-searchform{display:flex;gap:0} .pp-searchform input[type=search]{border-right:0} .pp-searchform button{border:2px solid var(--pp-ink);background:var(--pp-ink);color:var(--pp-white);padding:0 22px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;cursor:pointer} .pp-searchform button:hover{background:var(--pp-red)} @media (max-width:1340px){ .pp-burger{display:inline-flex} .pp-nav{position:fixed;inset:0 0 0 auto;width:min(86vw,360px);background:var(--pp-paper);border-left:2px solid var(--pp-ink);transform:translateX(100%);transition:transform .22s;z-index:60;padding:80px 24px 24px;overflow:auto;margin:0} .pp-nav.is-open{transform:none} .pp-nav ul{flex-direction:column;align-items:stretch;gap:0} .pp-nav a{padding:16px 0;font-size:1rem;border-bottom:2px solid var(--pp-ink)} .pp-nav .pp-nav-custom>a{margin-top:16px;text-align:center;border-bottom-width:2px} .pp-nav .menu-item-has-children>a::after{display:none} .pp-nav li{position:relative} .pp-nav .menu-item-has-children>a{padding-right:48px} .pp-subtoggle{display:flex;align-items:center;justify-content:center;position:absolute;right:0;top:6px;width:44px;height:44px;background:none;border:0;cursor:pointer;color:var(--pp-ink);padding:0} .pp-subtoggle::before{content:"";width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .15s} .pp-nav li.is-open>.pp-subtoggle::before{transform:rotate(-135deg)} .pp-nav .sub-menu,.pp-nav li:hover>.sub-menu,.pp-nav li:focus-within>.sub-menu{display:none;position:static;border:0;min-width:0;padding:0 0 6px 14px} .pp-nav li.is-open>.sub-menu{display:block} .pp-nav .sub-menu .sub-menu{display:none;padding:0 0 0 14px} .pp-nav .sub-menu li.is-open>.sub-menu{display:block} .pp-nav .sub-menu a{padding:12px 0;font-size:.9rem;border-bottom:1px solid var(--pp-hair)} .pp-nav .sub-menu .sub-menu a{padding:10px 0;font-size:.84rem} .pp-nav-close{position:absolute;top:16px;right:16px} .pp-tools{margin-left:auto} } @media (min-width:1341px){.pp-nav-close{display:none}} @media (min-width:1341px) and (max-width:1800px){.pp-header__row{gap:14px}.pp-nav a{padding:12px 7px;font-size:.72rem;letter-spacing:.05em}.pp-nav ul{gap:0}.pp-nav .menu-item-has-children>a::after{margin-left:5px}} @media (max-width:560px){ .pp-header__row{gap:8px} .pp-brand img,.pp-brand .custom-logo{height:22px} /* Mobile: resta solo la frase, a tutta larghezza e centrata (il menu della barra va nascosto con piu specificita di ".pp-topbar ul") */ .pp-topbar .pp-topbar__right,.pp-topbar .pp-topbar__menu{display:none} .pp-topbar__row{min-height:34px;justify-content:center;padding-block:8px} .pp-topbar__msg{width:100%;max-width:none;text-align:center;text-wrap:balance;line-height:1.35} .pp-topbar{font-size:clamp(.6rem,2.9vw,.7rem);letter-spacing:.05em} .pp-iconbtn{width:40px;height:40px} .pp-tools{gap:0} } @media (max-width:400px){.pp-brand img,.pp-brand .custom-logo{height:19px}} @media (max-width:560px){.woocommerce div.product .woocommerce-tabs ul.tabs{flex-wrap:wrap}.woocommerce div.product .woocommerce-tabs ul.tabs li{margin:0 -2px -2px 0}.woocommerce div.product .woocommerce-tabs ul.tabs li a{display:block;padding:12px 12px;font-size:.74rem}} .pp-overlay{position:fixed;inset:0;background:rgba(13,13,15,.55);z-index:45;display:none} .pp-overlay.is-open{display:block} /* --- hero ------------------------------------------------------------------- */ .pp-hero{position:relative;overflow:hidden;padding-block:clamp(36px,6vw,84px)} .pp-hero__grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(24px,5vw,72px);align-items:center} .pp-hero{background:linear-gradient(180deg,#fff,var(--pp-soft))} .pp-hero h1{font-size:clamp(2.3rem,5.6vw,4.6rem);line-height:1;letter-spacing:-.015em;margin-bottom:.4em} .pp-hero h1 em{font-style:normal;color:var(--pp-red)} .pp-hero p.lead{font-size:clamp(1.02rem,1.5vw,1.2rem);max-width:34em;color:#2a2a2e} .pp-hero__cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px} .pp-stack{position:relative;aspect-ratio:1/1.05;max-width:520px;margin-inline:auto;width:100%} .pp-stack .pp-roundel{position:absolute;width:86%;right:-14%;top:-6%;opacity:1} .pp-card-poster{position:absolute;background:var(--pp-white);border:2px solid var(--pp-ink);overflow:hidden} .pp-card-poster img{width:100%;height:100%;object-fit:cover} .pp-card-poster--a{width:50%;aspect-ratio:5/7;left:0;bottom:2%;transform:rotate(-6deg)} .pp-card-poster--b{width:42%;aspect-ratio:3/4;right:4%;bottom:0;transform:rotate(4deg)} .pp-card-poster--c{width:58%;aspect-ratio:5/7;left:22%;top:2%;transform:rotate(-1.5deg);z-index:2} .pp-card-poster--empty{display:flex;align-items:center;justify-content:center;background:var(--pp-soft)} .pp-card-poster--empty .pp-roundel{position:static;width:60%} @media (max-width:860px){.pp-hero__grid{grid-template-columns:1fr}.pp-stack{max-width:420px;order:-1}} /* marquee */ .pp-marquee{background:var(--pp-red);color:var(--pp-white);border-block:2px solid var(--pp-ink);overflow:hidden;white-space:nowrap} .pp-marquee__track{display:inline-flex;gap:0;animation:pp-scroll 32s linear infinite;padding-block:12px} .pp-marquee span{font-family:var(--pp-display);font-weight:900;font-size:1.15rem;letter-spacing:.06em;text-transform:uppercase;padding-inline:22px} .pp-marquee span::after{content:"\25CF";margin-left:44px;font-size:.6em;vertical-align:middle} @keyframes pp-scroll{to{transform:translateX(-50%)}} /* fasce informative (rossa e teal, come il sito attuale) */ .pp-band{color:#fff} .pp-band--red{background:var(--pp-red);border-block:2px solid var(--pp-ink)} .pp-band--teal{background:var(--pp-blue);border-block:2px solid var(--pp-ink)} .pp-band__row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding-block:16px} .pp-band__item{display:flex;align-items:center;justify-content:center;gap:12px;text-align:left} .pp-band__item svg,.pp-band__box>svg{flex:none;width:30px;height:30px;stroke:#fff;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .pp-band__item strong{font-weight:900;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;line-height:1.25} .pp-band__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(18px,3vw,40px);padding-block:clamp(28px,4vw,48px)} .pp-band__box{display:flex;gap:16px;align-items:flex-start} .pp-band__box>svg{width:38px;height:38px;margin-top:2px} .pp-band__box h3{margin:0 0 6px;font-size:1.02rem;letter-spacing:.02em;color:#fff} .pp-band__box p{margin:0;font-size:.9rem;line-height:1.5;color:rgba(255,255,255,.92)} @media (max-width:980px){.pp-band__grid{grid-template-columns:1fr 1fr}} @media (max-width:640px){.pp-band__row{grid-template-columns:1fr;gap:10px;padding-block:14px}.pp-band__item{justify-content:flex-start}.pp-band__grid{grid-template-columns:1fr}} /* collezioni: tile con il poster */ .pp-tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(10px,1.6vw,22px)} .pp-tile{display:block;text-decoration:none;color:var(--pp-ink);border:1px solid var(--pp-hair);background:#fff;transition:border-color .15s,transform .2s} .pp-tile:hover{border-color:var(--pp-ink);transform:translateY(-3px);color:var(--pp-ink)} .pp-tile__img{display:block;aspect-ratio:408/518;background:var(--pp-soft);overflow:hidden} .pp-tile__img img{width:100%;height:100%;object-fit:cover;transition:transform .35s} .pp-tile:hover .pp-tile__img img{transform:scale(1.04)} .pp-tile__img .pp-roundel{width:60%;margin:20% auto 0} .pp-tile__name{display:block;padding:12px 10px;font-weight:900;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;text-align:center;border-top:3px solid var(--pp-red)} .pp-tile:nth-child(even) .pp-tile__name{border-top-color:var(--pp-blue)} .pp-filters--home{margin-top:26px;justify-content:center} @media (max-width:900px){.pp-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}} @media (max-width:560px){.pp-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}} .pp-section-head--center{flex-direction:column;align-items:center;text-align:center;gap:8px} .pp-section-head--center p{max-width:44em;margin:0;color:var(--pp-muted)} /* benvenuto */ .pp-welcome{text-align:center} .pp-welcome h2{margin-bottom:.7em} .pp-welcome p{font-size:1.08rem;color:#2a2a2e} /* banner promozionali */ .pp-banner{display:block;border:1px solid var(--pp-hair);overflow:hidden;background:#fff} a.pp-banner:hover{border-color:var(--pp-ink)} .pp-banner__img{width:100%;height:auto;display:block} /* MagnetoClip */ .pp-soul{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(24px,5vw,72px);align-items:center} .pp-soul__img{display:block;border:2px solid var(--pp-ink);background:var(--pp-soft);max-width:520px} .pp-soul__img img{width:100%;height:auto;display:block} .pp-soul h2 sup{font-size:.4em;vertical-align:super} .pp-soul p{max-width:36em} .pp-soul__price{font-weight:900;font-size:1.25rem;color:var(--pp-blue)} @media (max-width:860px){.pp-soul{grid-template-columns:1fr}.pp-soul__img{max-width:420px}} /* angolo dell'artista */ .pp-artists{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:clamp(14px,2vw,28px);max-width:1000px;margin-inline:auto} .pp-artists>:only-child{max-width:560px;margin-inline:auto;width:100%} .pp-artist{position:relative;display:block;overflow:hidden;border:2px solid var(--pp-ink);background:#fff;text-decoration:none} .pp-artist img{width:100%;height:auto;display:block;transition:transform .35s} a.pp-artist:hover img{transform:scale(1.03)} .pp-artist__name{position:absolute;left:0;bottom:0;background:var(--pp-red);color:#fff;font-weight:900;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;padding:9px 14px} .pp-artist:nth-child(even) .pp-artist__name{background:var(--pp-blue)} @media (max-width:640px){.pp-artists{grid-template-columns:1fr}} /* recensioni */ .pp-quotes__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2.4vw,32px);max-width:1000px;margin-inline:auto} .pp-quote{margin:0;padding:clamp(22px,3vw,36px);background:#fff;border:2px solid var(--pp-ink);border-left:10px solid var(--pp-red)} .pp-quote:nth-child(even){border-left-color:var(--pp-blue)} .pp-quote blockquote{margin:0 0 14px} .pp-quote blockquote p{margin:0;font-size:1.08rem;font-weight:700;line-height:1.5} .pp-quote figcaption{font-weight:900;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--pp-muted)} .pp-quote figcaption::before{content:"— "} @media (max-width:760px){.pp-quotes__grid{grid-template-columns:1fr}} /* guida misure */ .pp-sizes{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,72px);align-items:center} .pp-sizes__art{display:flex;align-items:flex-end;justify-content:center;gap:14px;min-height:300px;padding:20px} .pp-sizes__art figure{margin:0;text-align:center} .pp-sizes__art .pp-rect{width:calc(var(--w)*var(--k,3.2px));height:calc(var(--h)*var(--k,3.2px));display:flex;align-items:center;justify-content:center;border:2px solid var(--pp-ink);background:var(--pp-white);font-family:var(--pp-display);font-weight:900;font-size:.9rem} .pp-sizes__art figcaption{font-weight:700;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;margin-top:8px} .pp-section--ink .pp-sizes__art .pp-rect{background:var(--pp-paper);color:var(--pp-ink);border-color:var(--pp-paper)} @media (max-width:860px){.pp-sizes{grid-template-columns:1fr}} /* chi siamo */ .pp-about{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(24px,5vw,72px);align-items:center} .pp-about .pp-roundel{max-width:380px;margin-inline:auto;width:100%} .pp-about p{font-size:1.1rem;max-width:36em} @media (max-width:860px){.pp-about{grid-template-columns:1fr}.pp-about .pp-roundel{max-width:240px}} /* cta personalizza */ .pp-cta-custom{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center;border:2px solid var(--pp-ink);background:var(--pp-gold);padding:clamp(24px,4vw,56px)} .pp-cta-custom h2{margin-bottom:.3em} @media (max-width:760px){.pp-cta-custom{grid-template-columns:1fr}} /* newsletter (sfondo teal chiaro come il sito attuale) */ .pp-section--news{background:#e7f3f7} .pp-section--news h2{color:var(--pp-sky);font-size:clamp(1.8rem,4.4vw,3.2rem)} .pp-news{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,64px);align-items:center} .pp-news h2{margin-bottom:.3em} .pp-news form{display:grid;gap:12px} .pp-news .pp-news__row{display:flex} .pp-news .pp-news__row input[type=email]{border-right:0} .pp-news .pp-news__row button{flex:none} .pp-news small,.pp-news .pp-consent{font-size:.82rem;opacity:.85;display:flex;gap:10px;align-items:flex-start;line-height:1.4} .pp-news .pp-consent input{margin-top:2px;flex:none} .pp-news .mc4wp-form input[type=email],.pp-news .mc4wp-form input[type=text]{margin-bottom:10px} @media (max-width:760px){.pp-news{grid-template-columns:1fr}} /* footer (chiaro, come il sito attuale) */ .pp-footer{background:#fff;color:var(--pp-ink);border-top:1px solid var(--pp-hair)} .pp-footer__grid{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:40px;padding-block:48px 36px} .pp-footer h3{font-size:.85rem;letter-spacing:.14em;color:var(--pp-ink);margin-bottom:16px} .pp-footer ul{list-style:none;margin:0;padding:0} .pp-footer li{margin-bottom:9px} .pp-footer li a{text-decoration:none;color:#6d6d72;font-size:.92rem} .pp-footer li a:hover{color:var(--pp-red)} .pp-footer__logo{display:inline-block;margin-bottom:14px} .pp-footer__logo img{height:30px;width:auto} .pp-footer__tag{font-weight:900;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;max-width:30em;margin:0 0 6px} .pp-social{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px} .pp-social a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 12px;border:2px solid var(--pp-ink);font-size:.74rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;text-decoration:none} .pp-social a:hover{background:var(--pp-ink);color:#fff} .pp-footer__legal{border-top:1px solid var(--pp-hair);padding-block:20px;font-size:.82rem;color:#6d6d72;display:flex;gap:16px;justify-content:space-between;flex-wrap:wrap} .pp-footer__legal ul{display:flex;gap:18px;flex-wrap:wrap} @media (max-width:760px){.pp-footer__grid{grid-template-columns:1fr;gap:28px}} /* --- contenuti generici ----------------------------------------------------- */ .pp-page{padding-block:clamp(32px,5vw,64px)} .pp-page__title{border-bottom:2px solid var(--pp-ink);padding-bottom:18px;margin-bottom:32px} .pp-prose{max-width:50em} .pp-prose>*+*{margin-top:1.1em} .pp-prose a{color:var(--pp-red)} .pp-prose img{border:2px solid var(--pp-ink)} .pp-prose blockquote{margin:1.6em 0;padding:8px 0 8px 22px;border-left:6px solid var(--pp-red);font-weight:600;font-size:1.2rem} .pp-posts{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px} .pp-post{background:var(--pp-white);border:2px solid var(--pp-ink);padding:20px} .pp-post h2{font-size:1.35rem} .pp-post a{text-decoration:none} .pp-meta{font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--pp-muted)} .pp-404{text-align:center;padding-block:clamp(60px,10vw,140px)} .pp-404 .pp-roundel{width:140px;margin:0 auto 24px} .navigation.pagination,.woocommerce-pagination{margin-top:36px} .nav-links,.woocommerce-pagination ul.page-numbers{display:flex;gap:8px;flex-wrap:wrap;list-style:none;padding:0;margin:0;border:0!important} .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 12px;border:2px solid var(--pp-ink)!important;background:var(--pp-white);text-decoration:none;font-weight:700} .page-numbers.current,.page-numbers:hover{background:var(--pp-ink)!important;color:var(--pp-white)!important} .woocommerce-pagination ul.page-numbers li{border:0!important;float:none} /* breadcrumbs */ .pp-crumbs{font-size:.8rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding-block:18px;color:var(--pp-muted)} .pp-crumbs a{text-decoration:none} .pp-crumbs a:hover{color:var(--pp-red)} /* ========================================================================== WooCommerce ========================================================================== */ .woocommerce .woocommerce-breadcrumb{display:none} .pp-shop-head{padding-block:clamp(28px,4vw,56px) 12px} .pp-shop-head h1{margin-bottom:.2em} .pp-shop-head .term-description{max-width:46em;color:#2a2a2e} .pp-filters{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0 8px;padding:0;list-style:none} .pp-filters a{display:inline-block;padding:9px 16px;border:1px solid var(--pp-ink);background:var(--pp-white);text-decoration:none;font-weight:700;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase} .pp-filters a:hover,.pp-filters .is-current a{background:var(--pp-ink);color:var(--pp-white)} .pp-shop-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin:20px 0 24px;padding-block:14px;border-block:2px solid var(--pp-ink)} .pp-shop-bar .woocommerce-result-count,.pp-shop-bar .woocommerce-ordering{margin:0;float:none} .woocommerce-result-count{font-size:.85rem;font-weight:600} .woocommerce-ordering select{min-height:44px;padding:8px 12px} .woocommerce ul.products,.woocommerce-page ul.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,2vw,26px);margin:0 0 20px;padding:0;list-style:none} .woocommerce ul.products::before,.woocommerce ul.products::after{display:none!important} .woocommerce ul.products li.product,.woocommerce-page ul.products li.product{width:auto!important;float:none!important;margin:0!important;padding:0;position:relative;background:var(--pp-white);border:1px solid var(--pp-hair);display:flex;flex-direction:column;transition:border-color .15s} .woocommerce ul.products li.product:hover,.woocommerce-page ul.products li.product:hover{border-color:var(--pp-ink)} @media (max-width:1100px){.woocommerce ul.products,.woocommerce-page ul.products{grid-template-columns:repeat(3,minmax(0,1fr))}} @media (max-width:760px){.woocommerce ul.products,.woocommerce-page ul.products{grid-template-columns:repeat(2,minmax(0,1fr))}} .woocommerce ul.products li.product a.woocommerce-LoopProduct-link{display:flex;flex-direction:column;flex:1;text-decoration:none} .woocommerce ul.products li.product img{width:100%;aspect-ratio:5/7;object-fit:cover;margin:0!important;border-bottom:1px solid var(--pp-hair);background:var(--pp-soft);transition:transform .25s} .woocommerce ul.products li.product .pp-thumb{overflow:hidden;display:block} .woocommerce ul.products li.product:hover img{transform:scale(1.03)} .woocommerce ul.products li.product .woocommerce-loop-product__title{font-family:var(--pp-display);font-weight:900;font-size:1.02rem;line-height:1.1;letter-spacing:-.01em;text-transform:uppercase;padding:14px 14px 4px;margin:0} .woocommerce ul.products li.product .price{display:block;padding:0 14px 6px;color:var(--pp-blue);font-weight:900;font-size:.98rem} .woocommerce ul.products li.product .price del{opacity:.5;font-weight:400} .woocommerce ul.products li.product .price ins{text-decoration:none;color:var(--pp-red)} .pp-sizes-tag{display:block;padding:0 14px 14px;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--pp-muted)} .woocommerce ul.products li.product .button,.woocommerce ul.products li.product .added_to_cart{display:none} .woocommerce span.onsale{position:absolute;top:10px;left:10px;right:auto;min-width:0;min-height:0;margin:0;border-radius:0;background:var(--pp-blue);color:#fff;border:0;font-weight:700;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;line-height:1;padding:7px 9px;z-index:3} /* scheda prodotto */ .pp-single{padding-block:8px 64px} .woocommerce div.product{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(24px,5vw,72px);align-items:start;position:relative} .woocommerce div.product div.images,.woocommerce div.product div.summary{float:none!important;width:auto!important;margin:0!important} .woocommerce div.product div.images{position:sticky;top:calc(var(--pp-header-h) + 24px)} .woocommerce div.product div.images .flex-viewport,.woocommerce div.product div.images .woocommerce-product-gallery__image img{border:2px solid var(--pp-ink);background:var(--pp-white)} .woocommerce div.product div.images .flex-control-thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:12px 0 0;padding:0;list-style:none} .woocommerce div.product div.images .flex-control-thumbs li{width:auto!important;float:none!important} .woocommerce div.product div.images .flex-control-thumbs img{border:2px solid var(--pp-ink);opacity:.6} .woocommerce div.product div.images .flex-control-thumbs img.flex-active,.woocommerce div.product div.images .flex-control-thumbs img:hover{opacity:1} .woocommerce div.product .product_title{font-size:clamp(2rem,4.4vw,3.4rem);line-height:.95;margin-bottom:.3em} .woocommerce div.product p.price,.woocommerce div.product span.price{font-family:var(--pp-display);font-weight:900;font-size:1.7rem;color:var(--pp-blue);margin:0 0 18px} .woocommerce div.product p.price ins{text-decoration:none;color:var(--pp-red)} .woocommerce div.product .woocommerce-product-details__short-description{font-size:1.05rem;margin-bottom:24px} .pp-formats{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:0 0 22px;padding:0} .pp-formats dt{font-weight:700;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;margin-right:6px} .pp-formats dd{margin:0;padding:5px 10px;border:2px solid var(--pp-ink);background:var(--pp-white);font-weight:700;font-size:.82rem} .woocommerce div.product form.cart{margin:0 0 20px} .woocommerce div.product form.cart .variations{border:0;margin:0 0 18px;width:100%} .woocommerce div.product form.cart .variations th,.woocommerce div.product form.cart .variations td{display:block;padding:0;text-align:left} .woocommerce div.product form.cart .variations th.label label{font-weight:700;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase} .woocommerce div.product form.cart .variations td.value{margin-top:8px} .woocommerce div.product form.cart .variations select.pp-hidden-select{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);opacity:0;pointer-events:none} .pp-pills{display:flex;gap:10px;flex-wrap:wrap} .pp-pill{min-width:92px;padding:14px 16px;border:2px solid var(--pp-ink);background:var(--pp-white);color:var(--pp-ink);font:700 1rem/1 var(--pp-display);text-transform:uppercase;cursor:pointer;border-radius:0} .pp-pill:hover{background:var(--pp-paper)} .pp-pill[aria-checked=true]{background:var(--pp-ink);color:var(--pp-white)} .pp-pill:disabled{opacity:.35;cursor:not-allowed;text-decoration:line-through} .woocommerce div.product form.cart .reset_variations{display:inline-block;margin-top:10px;font-size:.8rem;font-weight:600} .woocommerce div.product form.cart .woocommerce-variation-price .price{font-size:1.3rem} .woocommerce div.product form.cart .single_variation_wrap,.woocommerce div.product form.cart:not(.variations_form){display:block} .woocommerce div.product form.cart div.quantity{margin:0 12px 0 0;float:none;display:inline-block;vertical-align:top} .woocommerce .quantity .qty{width:84px;text-align:center;min-height:52px;padding:8px} .woocommerce div.product form.cart .single_add_to_cart_button{min-height:52px;flex:1} .woocommerce div.product form.cart .woocommerce-variation-add-to-cart,.woocommerce div.product form.cart:not(.variations_form){display:flex;gap:12px;flex-wrap:wrap;align-items:stretch} .pp-sizeguide-btn{background:none;border:0;border-bottom:2px solid var(--pp-ink);padding:0 0 2px;font:700 .8rem/1.2 var(--pp-font);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;color:var(--pp-ink)} .pp-sizeguide-btn:hover{color:var(--pp-red);border-color:var(--pp-red)} .woocommerce div.product .product_meta{font-size:.82rem;color:var(--pp-muted);border-top:2px solid var(--pp-ink);padding-top:16px;margin-top:22px} .woocommerce div.product .product_meta>span{display:block;margin-bottom:4px} .woocommerce div.product .woocommerce-tabs{grid-column:1/-1;margin-top:24px} .woocommerce div.product .woocommerce-tabs ul.tabs{display:flex;gap:0;padding:0;margin:0 0 0;border-bottom:2px solid var(--pp-ink);list-style:none;overflow:visible} .woocommerce div.product .woocommerce-tabs ul.tabs::before,.woocommerce div.product .woocommerce-tabs ul.tabs::after{display:none} .woocommerce div.product .woocommerce-tabs ul.tabs li{background:var(--pp-white);border:2px solid var(--pp-ink);border-bottom:0;border-radius:0;margin:0 -2px 0 0;padding:0} .woocommerce div.product .woocommerce-tabs ul.tabs li::before,.woocommerce div.product .woocommerce-tabs ul.tabs li::after{display:none} .woocommerce div.product .woocommerce-tabs ul.tabs li a{padding:14px 20px;font-weight:700;font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;text-decoration:none} .woocommerce div.product .woocommerce-tabs ul.tabs li.active{background:var(--pp-ink)} .woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:var(--pp-white)} .woocommerce div.product .woocommerce-tabs .panel{padding:28px 0;margin:0} .woocommerce div.product .woocommerce-tabs .panel h2:first-child{font-size:1.4rem} .woocommerce table.shop_attributes{border:2px solid var(--pp-ink);border-collapse:collapse;width:100%;max-width:640px} .woocommerce table.shop_attributes th,.woocommerce table.shop_attributes td{border:1px solid var(--pp-ink);padding:12px 14px;font-style:normal;background:var(--pp-white)} .woocommerce table.shop_attributes th{width:34%;text-transform:uppercase;font-size:.8rem;letter-spacing:.08em} .related.products,.up-sells.products{grid-column:1/-1;margin-top:40px} .related.products>h2,.up-sells.products>h2{font-size:1.6rem} @media (max-width:860px){ .woocommerce div.product{grid-template-columns:1fr} .woocommerce div.product div.images{position:static} } /* dialog guida misure */ .pp-dialog{border:2px solid var(--pp-ink);padding:0;max-width:min(92vw,640px);width:100%;background:var(--pp-paper);color:var(--pp-ink)} .pp-dialog::backdrop{background:rgba(13,13,15,.6)} .pp-dialog__in{padding:28px} .pp-dialog__close{position:absolute;top:10px;right:10px} /* carrello / checkout / account */ .woocommerce-cart-form table,.woocommerce table.shop_table{border:2px solid var(--pp-ink);border-radius:0;border-collapse:collapse;background:var(--pp-white)} .woocommerce table.shop_table th,.woocommerce table.shop_table td{border-top:1px solid var(--pp-ink);padding:14px} .woocommerce table.shop_table th{text-transform:uppercase;font-size:.78rem;letter-spacing:.1em} .woocommerce-cart table.cart img{width:72px;border:2px solid var(--pp-ink)} .woocommerce .cart_totals,.woocommerce-page .cart-collaterals .cart_totals{width:100%;float:none} .woocommerce-checkout #payment,.woocommerce-checkout #payment div.payment_box{background:var(--pp-white);border:2px solid var(--pp-ink);border-radius:0} .woocommerce-checkout #payment div.payment_box::before{display:none} .woocommerce-info,.woocommerce-message,.woocommerce-error{border:2px solid var(--pp-ink);border-top-width:6px;border-radius:0;background:var(--pp-white);padding:16px 20px 16px 52px} .woocommerce-info{border-top-color:var(--pp-blue)} .woocommerce-message{border-top-color:var(--pp-gold)} .woocommerce-error{border-top-color:var(--pp-red)} .woocommerce-message::before,.woocommerce-info::before,.woocommerce-error::before{color:var(--pp-ink)} .woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select{padding:13px 14px} .woocommerce-MyAccount-navigation ul{list-style:none;margin:0 0 24px;padding:0;display:flex;gap:8px;flex-wrap:wrap} .woocommerce-MyAccount-navigation a{display:block;padding:10px 14px;border:2px solid var(--pp-ink);background:var(--pp-white);text-decoration:none;font-weight:700;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase} .woocommerce-MyAccount-navigation .is-active a,.woocommerce-MyAccount-navigation a:hover{background:var(--pp-ink);color:var(--pp-white)} @media (min-width:900px){.woocommerce-account .woocommerce-MyAccount-navigation{float:none;width:auto}.woocommerce-account .woocommerce-MyAccount-content{float:none;width:auto}} .wc-block-components-button:not(.is-link){border-radius:0!important;background:var(--pp-red);color:var(--pp-white);border:2px solid var(--pp-ink);font-weight:700;text-transform:uppercase;letter-spacing:.08em} .wc-block-components-button:not(.is-link):hover{background:var(--pp-ink)} .wc-block-components-text-input input,.wc-block-components-select .wc-blocks-components-select__select{border-radius:0!important;border:2px solid var(--pp-ink)!important} /* Elementor: nessun vincolo di larghezza quando la pagina e' costruita con Elementor */ .pp-elementor-main{padding:0;margin:0} .elementor-page .pp-page__title{display:none} .elementor-page .pp-page{padding:0} .elementor-page .pp-wrap.pp-wrap--page{max-width:none;padding:0} /* Misure: sempre le pillole del tema. L'interfaccia dei plugin di campioni/varianti si nasconde (il