/** Shopify CDN: Minification failed Line 22:0 All "@import" rules must come first **/ /* ============================================================ POSTER SPORT — base tokens & shared components INSTALL: upload as assets/ps-base.css, then add to theme.liquid in : {{ 'ps-base.css' | asset_url | stylesheet_tag }} Every ps-* section relies on these variables/classes. ============================================================ */ :root{ --ps-bg:#FFFFFF; --ps-ink:#2E2E2E; --ps-ink-2:#6B6B6B; --ps-ink-3:#9A9A9A; --ps-line:#E8E8E8; --ps-line-2:#D8D8D8; --ps-soft:#F6F6F4; --ps-card:#FBFBFA; --ps-yellow:#FCC318; --ps-yellow-deep:#EAB20A; --ps-yellow-tint:#FFF6DC; --ps-radius:3px; --ps-shadow:0 18px 44px -24px #2e2e2e55; --ps-maxw:1500px; --ps-font-display:'Archivo','Inter',system-ui,sans-serif; --ps-font-body:'Inter',system-ui,sans-serif; --ps-font-mono:'IBM Plex Mono',ui-monospace,monospace; } /* load fonts once (or use your theme's own). Remove if already loaded. */ @import url('https://fonts.googleapis.com/css2?family=Archivo:wght@500;700;800;900&family=Inter:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500;600&display=swap'); .ps-buy, .ps-buy .group-block, .ps-buy .group-block-content, .ps-buy .group-block-content > * { width:100% !important; } .ps-wrap{max-width:var(--ps-maxw);margin:0 auto;padding:0 clamp(16px,3.5vw,40px)} .ps-mono{font-family:var(--ps-font-mono);font-feature-settings:"tnum"} .ps-eyebrow{font-family:var(--ps-font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ps-ink-2);display:flex;align-items:center;gap:8px;margin:0} .ps-eyebrow::before{content:"";width:20px;height:3px;background:var(--ps-yellow)} .ps-sec{padding:clamp(40px,6vw,72px) 0;border-top:1px solid var(--ps-line)} .ps-sec-head{margin-bottom:28px} .ps-sec-head h2{font-family:var(--ps-font-display);font-weight:900;font-size:clamp(26px,4.4vw,40px);letter-spacing:-.02em;line-height:1;margin:10px 0 0} .ps-sec-head p{color:var(--ps-ink-2);max-width:52ch;margin-top:8px} /* buttons */ .ps-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:var(--ps-font-display);font-weight:800;border-radius:var(--ps-radius);cursor:pointer;transition:.15s;border:none} .ps-btn--yellow{background:var(--ps-yellow);color:var(--ps-ink)} .ps-btn--yellow:hover{background:var(--ps-yellow-deep)} .ps-btn--dark{background:var(--ps-ink);color:#fff} .ps-btn--dark:hover{background:#000} .ps-btn--block{width:100%;padding:16px;font-size:15px} .ps-btn:focus-visible{outline:3px solid var(--ps-ink);outline-offset:2px} /* bundle wall + slots (shared by main-product & build-your-wall) */ .ps-wall{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:13px} .ps-slot{aspect-ratio:2/3;border:1.5px dashed var(--ps-line-2);border-radius:2px;background:var(--ps-soft);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;position:relative;overflow:hidden;transition:.18s} .ps-slot.is-filled{border-style:solid;border-color:var(--ps-ink);background:#fff} .ps-slot .num{font-family:var(--ps-font-display);font-weight:900;font-size:20px;color:var(--ps-line-2)} .ps-slot .hint{font-family:var(--ps-font-mono);font-size:8.5px;color:var(--ps-ink-3);text-align:center;padding:0 6px} .ps-slot img{width:100%;height:100%;object-fit:cover} .ps-slot .rm{position:absolute;top:4px;right:4px;width:18px;height:18px;border-radius:50%;background:var(--ps-ink);color:#fff;font-size:11px;display:flex;align-items:center;justify-content:center} .ps-slot .lock{position:absolute;bottom:5px;left:5px;font-family:var(--ps-font-mono);font-size:7px;background:var(--ps-ink);color:#fff;padding:2px 5px;border-radius:2px} .ps-slot.off3{border-color:var(--ps-yellow-deep)} .ps-slot.off3 .num{color:var(--ps-yellow-deep)} .ps-slot.off3 .lock{background:var(--ps-yellow-deep);color:var(--ps-ink)} .ps-prog{height:6px;background:var(--ps-soft);border-radius:6px;overflow:hidden;margin-bottom:8px} .ps-prog i{display:block;height:100%;background:var(--ps-yellow);width:0;transition:width .4s cubic-bezier(.2,.8,.2,1)} @media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}} .ps-pdp-title{font-family:var(--ps-font-display);font-weight:900;font-size:clamp(28px,5vw,42px);line-height:1;letter-spacing:-.02em;margin:0 0 8px} .ps-pdp-price{font-family:var(--ps-font-display);font-weight:800;font-size:26px;margin-bottom:12px} .ps-pdp-rating{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ps-ink-2);padding-bottom:16px;border-bottom:1px solid var(--ps-line);margin-bottom:16px} .ps-pdp-rating .stars{color:var(--ps-yellow-deep);letter-spacing:1px} .ps-pdp-rating a{border-bottom:1px solid var(--ps-line-2)} .ps-pdp-bullets{list-style:none;display:grid;gap:9px;margin:0 0 20px;padding:0} .ps-pdp-bullets li{display:flex;gap:10px;align-items:flex-start;font-size:14px} .ps-pdp-bullets .ic{flex:0 0 auto;width:20px;height:20px;border-radius:50%;background:var(--ps-yellow);color:var(--ps-ink);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;margin-top:1px} .ps-pdp-desc{font-size:14.5px;color:var(--ps-ink-2);margin-bottom:20px;line-height:1.6} .ps-pdp-label{font-family:var(--ps-font-display);font-weight:800;font-size:12px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px} .ps-sizes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:20px} .ps-size{border:1.5px solid var(--ps-line-2);border-radius:var(--ps-radius);background:#fff;padding:11px 8px 9px;text-align:left;position:relative;cursor:pointer;transition:.14s} .ps-size:hover{border-color:var(--ps-ink)} .ps-size.is-active{border-color:var(--ps-ink);background:var(--ps-ink);color:#fff} .ps-size .d{display:block;font-family:var(--ps-font-display);font-weight:700;font-size:14px} .ps-size .p{display:block;font-size:11px;color:var(--ps-ink-3);margin-top:2px} .ps-size.is-active .p{color:#ffffffaa} .ps-size[disabled]{opacity:.4;cursor:not-allowed;text-decoration:line-through} .ps-size .pop{position:absolute;top:-8px;right:6px;font-family:var(--ps-font-mono);font-size:8px;letter-spacing:.06em;background:var(--ps-yellow);color:var(--ps-ink);padding:2px 5px;border-radius:2px;text-transform:uppercase;font-weight:700} .ps-atc{font-size:16px;padding:17px;margin-bottom:20px} .ps-bundle{border:2px solid var(--ps-ink);border-radius:var(--ps-radius);background:#fff;overflow:hidden;margin-bottom:20px} .ps-bundle-top{background:var(--ps-ink);color:#fff;padding:12px 16px;display:flex;align-items:center;gap:10px} .ps-bundle-top .seal{font-family:var(--ps-font-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;background:var(--ps-yellow);color:var(--ps-ink);padding:4px 8px;border-radius:2px;font-weight:700} .ps-bundle-top h3{font-family:var(--ps-font-display);font-weight:800;font-size:14px;margin:0} .ps-bundle-body{padding:15px 16px} .ps-bmsg{font-size:12px;color:var(--ps-ink-2);min-height:18px} .ps-bmsg b{color:var(--ps-ink)} .ps-reassure{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin:0 0 4px;font-size:11.5px;color:var(--ps-ink-2)} .ps-pod{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ps-ink-2);margin-top:16px;padding-top:14px;border-top:1px solid var(--ps-line)} .ps-pod .dot{width:8px;height:8px;border-radius:50%;background:var(--ps-yellow-deep)} .ps-acc{width:100%;margin-top:14px;border-top:1px solid var(--ps-line)} .ps-acc details{border-bottom:1px solid var(--ps-line)} .ps-acc summary{list-style:none;cursor:pointer;padding:14px 2px;font-family:var(--ps-font-display);font-weight:700;font-size:13px;letter-spacing:.05em;text-transform:uppercase;display:flex;justify-content:space-between;align-items:center} .ps-acc summary::-webkit-details-marker{display:none} .ps-acc summary::after{content:"+";font-family:var(--ps-font-mono);font-size:18px;color:var(--ps-ink-3)} .ps-acc details[open] summary::after{content:"–"} .ps-acc .body{padding:0 2px 16px;font-size:13.5px;color:var(--ps-ink-2)} .ps-buy > *{ margin: 0 0 18px; } .ps-buy > *:last-child{ margin-bottom: 0; } .ps-buy .ps-pdp-title{ margin-bottom: 6px; } .ps-buy .ps-pdp-price{ margin-bottom: 10px; } .ps-buy .ps-pdp-rating{ margin-bottom: 16px; } /* Boutons de taille (Horizon : variant-option__button-label) */ .ps-buy .variant-option__button-label{ border:1.5px solid var(--ps-line-2);border-radius:var(--ps-radius); background:#fff;color:var(--ps-ink); font-family:var(--ps-font-display);font-weight:700;transition:.14s; } .ps-buy .variant-option__button-label:hover{ border-color:var(--ps-ink); } .ps-buy .variant-option__button-label:has(input:checked){ background:var(--ps-ink)!important;color:#fff!important;border-color:var(--ps-ink)!important; } /* Bouton Ajouter au panier */ .ps-buy .add-to-cart-button{ background:var(--ps-yellow)!important;color:var(--ps-ink)!important; border:none!important;border-radius:var(--ps-radius)!important; } .ps-buy .add-to-cart-button:hover{ background:var(--ps-yellow-deep)!important; } .ps-buy .ps-acc{ width:100%; } .ps-buy .ps-acc details, .ps-buy .ps-acc summary{ width:100%; } /* 1+2. Prix + badge Popular sur les boutons de variante */ .ps-buy .variant-option__button-label{ display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:2px; position:relative; overflow:visible; } .ps-buy .variant-option__button-label__text{ font-family:var(--ps-font-display); font-weight:700; } .ps-buy .ps-vprice{ font-family:var(--ps-font-mono); font-size:11px; color:var(--ps-ink-3); } .ps-buy .variant-option__button-label:has(input:checked) .ps-vprice{ color:#ffffffaa; } .ps-buy .ps-pop{ position:absolute; top:-9px; right:6px; z-index:2; background:var(--ps-yellow); color:var(--ps-ink); font-family:var(--ps-font-mono); font-size:8px; font-weight:700; letter-spacing:.06em; padding:2px 5px; border-radius:2px; text-transform:uppercase; line-height:1.4; } .ps-buy .variant-option__button-label .ps-vprice{ order: 2; margin-top: 2px; } /* 3. Lien Size guide dans la ligne "Sizes" + modale */ .ps-buy .variant-option legend, .ps-buy .variant-picker legend{ display:flex; align-items:center; width:100%; } .ps-buy .ps-sg-link{ margin-left:auto; font-size:12px; color:var(--ps-ink-3); border-bottom:1px solid var(--ps-line-2); cursor:pointer; } .ps-sg-modal{ position:fixed; inset:0; z-index:9999; display:flex; align-items:center; justify-content:center; } .ps-sg-modal[hidden]{ display:none; } .ps-sg-modal__bg{ position:absolute; inset:0; background:#2e2e2ecc; } .ps-sg-modal__box{ position:relative; max-width:min(900px,92vw); max-height:88vh; background:#fff; border-radius:4px; padding:10px; overflow:auto; } .ps-sg-modal__box img{ width:100%; height:auto; display:block; } .ps-sg-modal__close{ position:absolute; top:8px; right:12px; font-size:26px; line-height:1; background:#fff; border:none; cursor:pointer; z-index:1; } /* 6. Add to cart : sans icône, en gras */ .ps-buy .add-to-cart-button .add-to-cart-icon{ display:none !important; } .ps-buy .add-to-cart-button{ font-family:var(--ps-font-display) !important; font-weight:800 !important; } /* Badge attaché au conteneur du slide actif de la galerie */ .ps-buy-badge-host{ position:relative; } .ps-img-badge{ position:absolute; top:14px; right:14px; z-index:5; background:var(--ps-yellow); color:var(--ps-ink); font-family:var(--ps-font-display); font-weight:800; font-size:12px; padding:6px 10px; border-radius:2px; transform:rotate(3deg); box-shadow:0 4px 12px -6px #0006; pointer-events:none; } .ps-buy ~ *, /* au cas où */ .slideshow-controls__thumbnails{ display:grid !important; grid-template-columns:repeat(5,1fr) !important; gap:10px !important; width:100% !important; } .slideshow-controls__thumbnails-container{ width:100% !important; } .slideshow-controls__thumbnail{ width:100% !important; aspect-ratio:1 !important; } .slideshow-controls__thumbnail img{ width:100% !important; height:100% !important; object-fit:cover !important; } /* Badge bundle sur l'image principale — CSS pur */ media-gallery, .product-media-gallery, .slideshow{ position:relative; } media-gallery::after, .product-media-gallery::after, .slideshow::after{ content:"3rd poster −50%"; position:absolute; top:14px; right:14px; z-index:5; background:var(--ps-yellow); color:var(--ps-ink); font-family:var(--ps-font-display); font-weight:800; font-size:12px; padding:6px 10px; border-radius:2px; transform:rotate(3deg); box-shadow:0 4px 12px -6px #0006; pointer-events:none; } /* Reskin header de la section avis pour matcher les blocs PS */ [class*="testimonials-heading-"]{ text-align:left !important; } [class*="testimonials-heading-"] *{ font-family:var(--ps-font-display) !important; font-weight:900 !important; font-size:clamp(26px,4.4vw,40px) !important; letter-spacing:-.02em !important; line-height:1 !important; color:var(--ps-ink) !important; text-transform:none !important; } /* Contraint la section avis à la largeur des blocs PS */ [class*="testimonials-heading-"], [class*="testimonials-subheading-"], [class*="testimonials-slider-"]{ max-width: var(--ps-maxw) !important; margin-left: auto !important; margin-right: auto !important; } [class*="testimonials-slider-"]{ max-width: var(--ps-maxw) !important; margin-left: auto !important; margin-right: auto !important; padding-left: 0 !important; padding-right: 0 !important; } /* eyebrow jaune façon PS, injecté au-dessus du titre */ [class*="testimonials-heading-"]::before{ content:"REVIEWS"; display:flex; align-items:center; gap:8px; font-family:var(--ps-font-mono); font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--ps-ink-2); margin-bottom:10px; } [class*="testimonials-heading-"]::before{ content:"REVIEWS"; display:inline-flex; align-items:center; font-family:var(--ps-font-mono); font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--ps-ink-2); margin-bottom:10px; padding-left:28px; /* place pour le trait */ background:linear-gradient(var(--ps-yellow),var(--ps-yellow)) left center/20px 3px no-repeat; } [class*="testimonials-heading-"]{ position:relative; } /* sous-titre en gris discret, aligné à gauche */ [class*="testimonials-subheading-"]{ text-align:left !important; } [class*="testimonials-subheading-"] *{ font-family:var(--ps-font-body) !important; color:var(--ps-ink-2) !important; font-size:15px !important; text-transform:none !important; } /* Bundle compact : texte à gauche, slots à droite */ .ps-buy .ps-bundle-body{ display:grid; grid-template-columns:1fr auto; /* gauche flexible | droite = les 3 slots */ grid-template-areas: "msg wall" "prog wall"; align-items:center; gap:6px 20px; padding:14px 16px; } .ps-buy .ps-bundle-body .ps-wall{ grid-area:wall; margin:0; gap:8px; } .ps-buy .ps-bundle-body .ps-prog{ grid-area:prog; margin:0; } .ps-buy .ps-bundle-body .ps-bmsg{ grid-area:msg; margin:0; font-size:13px; } /* slots petits et carrés */ .ps-buy .ps-wall .ps-slot{ width:74px; aspect-ratio:1/1; } .ps-buy .ps-wall .ps-slot img{ width:100%; height:100%; object-fit:cover; } .ps-buy .ps-wall .ps-slot .num{ font-size:16px; } .ps-buy .ps-wall .ps-slot .hint{ font-size:8px; } /* mobile : on repasse en vertical pour ne pas serrer */ @media(max-width:600px){ .ps-buy .ps-bundle-body{ grid-template-columns:1fr; grid-template-areas:"wall" "prog" "msg"; } .ps-buy .ps-wall .ps-slot{ width:auto; } } #psCartBundle .ps-bundle-top h3{ font-size:13px; } #psCartBundle .ps-wall{ gap:8px; } #psCartBundle .ps-wall .ps-slot{ aspect-ratio:1/1; } #psCartBundle .ps-wall .ps-slot img{ width:100%;height:100%;object-fit:cover; } #psCartBundle .ps-wall .ps-slot .num{ font-size:16px; } #psCartBundle .ps-bmsg{ font-size:11px; } .ps-cart-timer{ background:var(--ps-yellow-tint, #FFF6DC); color:var(--ps-ink); text-align:center; padding:12px 16px; font-size:14px; margin:0 0 8px; } .ps-cart-timer b{ color:#D64000; font-family:var(--ps-font-mono); } /* Cartes d'avis SS-testimonials — au style Poster Sport */ /* Étoiles : passer du vert au jaune de la marque */ [class*="testimonials-stars-"] svg path[fill]{ fill: var(--ps-yellow-deep) !important; } [class*="testimonials-stars-"] svg path[stroke]{ stroke: var(--ps-yellow-deep) !important; } [class*="testimonials-stars-"] svg [stop-color]{ stop-color: var(--ps-yellow-deep) !important; } /* Texte de l'avis : gris discret, taille cohérente */ [class*="testimonials-text-"] *{ font-family: var(--ps-font-body) !important; color: var(--ps-ink-2) !important; font-size: 15px !important; line-height: 1.5 !important; text-align: left !important; } /* Auteur : Archivo, façon signature */ [class*="testimonials-author-"] *{ font-family: var(--ps-font-display) !important; font-weight: 800 !important; color: var(--ps-ink) !important; font-size: 13px !important; letter-spacing: .02em !important; text-align: left !important; } /* Étoiles alignées à gauche (le conteneur est un flex) */ [class*="testimonials-stars-"]{ justify-content: flex-start !important; } /* Image de l'avis en carré */ [class*="testimonials-media-"]{ aspect-ratio: 1 / 1 !important; width: 100% !important; height: auto !important; overflow: hidden; } [class*="testimonials-media-"] img, [class*="testimonials-media-"] video{ width: 100% !important; height: 100% !important; object-fit: cover !important; /* remplit le carré sans déformer */ } .ps-wrap{ max-width: var(--ps-maxw); margin-left: auto; margin-right: auto; /* padding qui grandit avec l'écran, ne disparaît jamais */ padding-left: clamp(20px, 5vw, 48px); padding-right: clamp(20px, 5vw, 48px); box-sizing: border-box; } /* Titre de la section collection bento au style PS */ .collection-list__title, [class*="collection-list"] h2, [class*="bento"] h2{ font-family:var(--ps-font-display) !important; font-weight:900 !important; font-size:clamp(26px,4.4vw,40px) !important; letter-spacing:-.02em !important; text-align:left !important; color:var(--ps-ink) !important; } #shopify-section-template--22842928300248__section_6RVkcb, #shopify-section-template--22842928300248__section_rLyhiE, #shopify-section-template--22842928300248__section_GQCPi3, #shopify-section-template--22842928300248__section_Qyy8im, #shopify-section-template--22842928300248__section_rLyhiE, #shopify-section-template--22842928300248__collection_list_yjAkF8, #shopify-section-template--22842928136408__section_QpDejw, #shopify-section-template--22842928136408__section_MBHaqA{ max-width: var(--ps-maxw) !important; margin-left: auto !important; margin-right: auto !important; padding-left: 10px !important; } /* === Section bento : eyebrow "OUR COLLECTION" au style PS === */ .text-block--AbzNUMXhoVHMwaHN0K__text_adRx3e{ --width: 100% !important; --max-width: none !important; text-align: left !important; align-self: flex-start !important; } .text-block--AbzNUMXhoVHMwaHN0K__text_adRx3e h2{ font-family: var(--ps-font-mono) !important; font-size: 11px !important; font-weight: 400 !important; letter-spacing: .14em !important; text-transform: uppercase !important; color: var(--ps-ink-2) !important; line-height: 1 !important; margin: 0 0 10px !important; padding-left: 28px !important; background: linear-gradient(var(--ps-yellow),var(--ps-yellow)) left center/20px 3px no-repeat !important; display: inline-block !important; } /* === Section bento : gros titre "Explore Your Passion" au style PS === */ .text-block--AL0dQbytFZjN6Uy9qc__text_PyNXjF{ --width: 100% !important; --max-width: none !important; text-align: left !important; align-self: flex-start !important; } .text-block--AL0dQbytFZjN6Uy9qc__text_PyNXjF h3, .text-block--AL0dQbytFZjN6Uy9qc__text_PyNXjF h3 strong{ font-family: var(--ps-font-display) !important; font-weight: 900 !important; font-size: clamp(26px,4.4vw,40px) !important; letter-spacing: -.02em !important; line-height: 1 !important; color: var(--ps-ink) !important; } #shopify-section-template--22842928300248__collection_list_yjAkF8 .section{ --page-width: var(--ps-maxw) !important; } .ps-cart-delivery{ display:flex; align-items:center; justify-content:center; gap:8px; padding:11px 16px; background:var(--ps-soft, #F5F4F2); border-bottom:1px solid var(--ps-line, #E7E5E1); font-size:13px; color:var(--ps-ink-2); margin-bottom:10px; } .ps-cart-delivery svg{ color:var(--ps-ink-3); flex:0 0 auto; } .ps-cart-delivery b{ font-family:var(--ps-font-display); font-weight:700; color:var(--ps-ink); } /* Footer à la largeur du site */ .shopify-section-group-footer-group .section, .shopify-section-group-footer-group > .section-wrapper > *{ max-width: var(--ps-maxw) !important; margin-left: auto !important; margin-right: auto !important; padding-left: clamp(20px, 5vw, 48px) !important; padding-right: clamp(20px, 5vw, 48px) !important; box-sizing: border-box !important; } /* Titres de colonnes footer — style eyebrow PS */ .shopify-section-group-footer-group .menu__heading, .shopify-section-group-footer-group .menu__heading__default{ font-family: var(--ps-font-mono) !important; font-size: 11px !important; font-weight: 400 !important; letter-spacing: .14em !important; text-transform: uppercase !important; color: var(--ps-ink-2) !important; } /* Liens footer — Archivo, sobre */ .shopify-section-group-footer-group .menu__item a{ font-family: var(--ps-font-body) !important; font-size: 14px !important; color: var(--ps-ink) !important; transition: color .15s; } .shopify-section-group-footer-group .menu__item a:hover{ color: var(--ps-ink-2) !important; } /* Titre newsletter aligné sur le même style */ .shopify-section-group-footer-group [class*="newsletter"] .h5, .shopify-section-group-footer-group .footer__newsletter-heading{ font-family: var(--ps-font-mono) !important; font-size: 11px !important; letter-spacing: .14em !important; text-transform: uppercase !important; color: var(--ps-ink-2) !important; } .ps-custom-fields{ margin:16px 0; } /* grille 2 colonnes pour les champs courts */ .ps-cf-grid{ display:grid; grid-template-columns:1fr 1fr; gap:12px 16px; margin-bottom:12px; } @media(max-width:600px){ .ps-cf-grid{ grid-template-columns:1fr; } } .ps-cf-empty{ display:none; } @media(min-width:601px){ .ps-cf-empty{ display:block; } } /* labels */ .ps-custom-fields label{ display:grid; gap:5px; font-family:var(--ps-font-display); font-weight:700; font-size:11px; text-transform:uppercase; letter-spacing:.06em; color:var(--ps-ink-2); } .ps-cf-full{ margin-bottom:12px; } /* champs */ .ps-custom-fields input, .ps-custom-fields textarea{ border:1.5px solid var(--ps-line-2); border-radius:var(--ps-radius); padding:11px 12px; font-family:var(--ps-font-body); font-weight:400; font-size:15px; color:var(--ps-ink); } /* placeholder discret, pas gras */ .ps-custom-fields input::placeholder, .ps-custom-fields textarea::placeholder{ color:var(--ps-ink-3); font-weight:400; opacity:1; } .ps-custom-fields input:focus, .ps-custom-fields textarea:focus{ outline:none; border-color:var(--ps-ink); } .ps-custom-note{ font-size:12px; color:var(--ps-ink-3); margin-top:4px; } .ps-file{ border:1.5px dashed var(--ps-line-2); border-radius:var(--ps-radius); padding:14px; background:#fff; cursor:pointer; font-family:var(--ps-font-body); font-size:14px; width:100%; box-sizing:border-box; } .ps-file-hint{ font-size:11px; color:var(--ps-ink-3); margin-top:4px; display:block; } .ps-cf-consent{ display:flex !important; align-items:flex-start; gap:8px; font-family:var(--ps-font-body) !important; font-weight:400 !important; text-transform:none !important; letter-spacing:0 !important; font-size:13px !important; color:var(--ps-ink-2) !important; margin:12px 0; } .ps-cf-consent input{ margin-top:2px; } #psUploadStatus{ font-size:11px; color:var(--ps-ink-3); min-height:14px; margin-top:6px; }