/* ASMA Emballages — Catalogue interactif, conçu pour la V12 */
.asma-catalogue-page{background:#fff;color:#18191c;font-family:'DM Sans',sans-serif}
.asma-catalogue-page [hidden]{display:none!important}
.asma-catalogue-page .site-header{z-index:1000}
.asma-catalogue-page .site-header .header-actions a{text-decoration:none}
.asma-catalogue-page .mobile-nav{z-index:1002}
.cp-hero{overflow:hidden;background:#f6f6f7;border-bottom:1px solid #eee}
.cp-hero-grid{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(320px,.78fr);gap:clamp(32px,5vw,92px);align-items:center;min-height:590px;padding-top:80px;padding-bottom:70px}
.cp-breadcrumb{display:flex;gap:11px;align-items:center;font-size:12px;color:#888;margin-bottom:50px}
.cp-breadcrumb a{color:#555;text-decoration:none}.cp-breadcrumb a:hover{color:#d70022}
.cp-eyebrow{display:inline-flex;gap:9px;align-items:center;font-size:11px;letter-spacing:.16em;font-weight:800;color:#b90920}
.cp-dot{display:inline-block;width:7px;height:7px;background:#d80023;border-radius:50%}
.cp-hero h1{font:800 clamp(45px,4.3vw,75px)/1.09 'Manrope',sans-serif;letter-spacing:-.075em;margin:23px 0 22px}
.cp-hero h1 em,.cp-pdf-section h2 em{font-family:Georgia,serif;font-style:italic;font-weight:400;color:#c80b27;letter-spacing:-.06em}
.cp-hero-copy>p{font-size:15px;line-height:1.8;color:#64646b;max-width:580px}
.cp-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:29px}
.cp-btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:16px 23px;border:1px solid transparent;border-radius:999px;font:700 13px/1.15 'DM Sans',sans-serif;text-decoration:none;cursor:pointer;transition:transform .2s,background .2s,border-color .2s;white-space:nowrap}
.cp-btn:hover{transform:translateY(-2px)}.cp-btn-red{background:#d70825;color:#fff}.cp-btn-red:hover{background:#b90721;color:#fff}.cp-btn-outline{background:transparent;border-color:#ccc;color:#1c1c1f}.cp-btn-outline:hover{border-color:#d70825;color:#d70825}.cp-btn-dark{background:#1d1e22;color:#fff}.cp-btn-dark:hover{background:#36373d;color:#fff}
.cp-stats{display:flex;gap:40px;flex-wrap:wrap;margin-top:57px;padding-top:23px;border-top:1px solid #e3e3e5}
.cp-stats>div{display:flex;flex-direction:column;gap:5px}.cp-stats strong{font:800 27px/1 'Manrope',sans-serif;letter-spacing:-.05em}.cp-stats span{font-size:11px;color:#74747b}
.cp-hero-art{position:relative;display:flex;align-items:center;justify-content:center;min-height:510px;isolation:isolate}
.cp-hero-art-bg{position:absolute;width:94%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#f5dce0 0%,#f5e5e7 50%,transparent 72%);z-index:-1}
.cp-hero-art>img{width:min(360px,77%);height:auto;max-height:490px;object-fit:contain;border-radius:5px;box-shadow:25px 35px 55px #16151a2b;transform:rotate(-5deg)}
.cp-hero-art-label{position:absolute;right:0;bottom:11%;background:#17171b;color:#fff;padding:18px 22px;border-radius:10px;font-size:10px;line-height:1.5;letter-spacing:.1em;transform:rotate(4deg)}.cp-hero-art-label strong{font-size:23px;letter-spacing:-.05em}
.cp-explore{padding:92px 0 105px;scroll-margin-top:90px}
.cp-section-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:35px}.cp-section-head h2{font:800 clamp(34px,3.5vw,52px)/1.14 'Manrope',sans-serif;letter-spacing:-.065em;margin:13px 0 0}.cp-section-head h2 span{color:#92929b}.cp-section-head>p{font-size:13px;line-height:1.7;color:#74747b;max-width:360px}
.cp-toolbar{padding:25px;border:1px solid #e8e8eb;border-radius:20px;background:#fafafb}
.cp-search-label{display:flex;align-items:center;gap:13px;padding:0 19px;height:62px;border:1px solid #dedee1;border-radius:12px;background:#fff;transition:border-color .2s}.cp-search-label:focus-within{border-color:#d70825;box-shadow:0 0 0 3px #d7082510}.cp-search-label svg{width:21px;height:21px;stroke:#777;stroke-width:1.8;fill:none;flex:none}.cp-search-label input{border:0;outline:0;min-width:0;flex:1;width:100%;font:500 14px 'DM Sans',sans-serif;color:#222;background:transparent}.cp-search-label input::placeholder{color:#8b8b92}.cp-search-hint{color:#9a9aa0;font-size:11px;white-space:nowrap}
.cp-filters{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-top:20px}.cp-filters label{display:flex;flex-direction:column;gap:8px;font-size:11px;font-weight:700;color:#555}.cp-filters select{width:100%;height:44px;padding:0 13px;border:1px solid #dddde2;border-radius:9px;background:#fff;color:#24242a;font:500 12px 'DM Sans',sans-serif;cursor:pointer;min-width:0}
.cp-results-bar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:25px 0 22px}.cp-results-bar p{font-size:13px;color:#64646b;margin:0}.cp-results-bar p strong{color:#16161a}.cp-reset{background:transparent;border:0;color:#c50b25;font:700 12px 'DM Sans',sans-serif;cursor:pointer;padding:8px}.cp-reset:hover{text-decoration:underline}
.cp-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.cp-card{min-width:0;border:1px solid #e8e8eb;border-radius:17px;overflow:hidden;background:#fff;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s,border-color .2s}.cp-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #19191c0f;border-color:#ddd}
.cp-card-image{display:flex;align-items:center;justify-content:center;aspect-ratio:1.26;background:#f8f8f9;overflow:hidden;position:relative;cursor:pointer;border:0;padding:0;width:100%}.cp-card-image img{width:88%;height:87%;object-fit:contain;mix-blend-mode:multiply;transition:transform .35s}.cp-card:hover .cp-card-image img{transform:scale(1.07)}
.cp-image-missing{display:flex;align-items:center;justify-content:center;text-align:center;color:#a0a0a8;font-size:11px;line-height:1.6;max-width:125px;padding:10px}
.cp-card-ref{position:absolute;top:13px;left:13px;background:#fff;color:#c80c29;border:1px solid #f0d7dc;border-radius:7px;font-size:10px;font-weight:800;letter-spacing:.03em;padding:7px 9px;box-shadow:0 2px 7px #00000005}
.cp-card-body{padding:19px 18px 15px;display:flex;flex-direction:column;flex:1}.cp-card-category{font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:#a00e26;font-weight:800;margin-bottom:9px;line-height:1.4}.cp-card h3{font:750 13px/1.55 'Manrope',sans-serif;letter-spacing:-.02em;color:#24242a;margin:0;min-height:62px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.cp-card-spec{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:14px;min-height:26px}.cp-card-spec span{font-size:10px;color:#555;background:#f3f3f5;padding:5px 8px;border-radius:6px}.cp-card-package{font-size:10px;color:#8c8c94;margin-top:10px}.cp-card-actions{display:flex;gap:8px;padding:0 18px 18px;margin-top:auto}.cp-card-actions button{font:700 11px 'DM Sans',sans-serif;border-radius:9px;padding:11px 9px;cursor:pointer}.cp-card-details{flex:1;border:1px solid #ddd;background:#fff;color:#29292f}.cp-card-details:hover{border-color:#c80c29;color:#c80c29}.cp-card-add{background:#19191c;border:1px solid #19191c;color:#fff;flex:1}.cp-card-add:hover,.cp-card-add.is-selected{background:#d70825;border-color:#d70825}
.cp-empty{padding:80px 20px;text-align:center;border:1px dashed #ddd;border-radius:18px}.cp-empty strong{font-size:20px}.cp-empty p{color:#777;margin:10px 0 25px}
.cp-more-wrap{text-align:center;margin:35px 0 0}.cp-source-note{color:#898991;font-size:11px;line-height:1.7;margin:30px 0 0}
.cp-pdf-section{padding:65px 0;background:#f4f4f5}.cp-pdf-inner{display:flex;justify-content:space-between;align-items:center;gap:35px}.cp-pdf-section h2{font:800 clamp(32px,3.3vw,49px)/1.18 'Manrope',sans-serif;letter-spacing:-.06em;margin:15px 0}.cp-pdf-section p{color:#777;font-size:13px;line-height:1.7}
.cp-selection{position:fixed;z-index:4000;bottom:23px;left:50%;transform:translateX(-50%);width:min(670px,calc(100% - 30px));display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px 16px 24px;background:#1a1a1e;color:#fff;border-radius:17px;box-shadow:0 16px 50px #0005}.cp-selection>div:first-child{display:flex;flex-direction:column;gap:4px}.cp-selection-label{color:#f59aab;font-size:9px;letter-spacing:.14em;font-weight:800}.cp-selection strong{font-size:13px}.cp-selection-actions{display:flex;align-items:center;gap:12px}.cp-selection-actions>button:first-child{background:none;border:0;color:#bdbdc2;font-size:12px;cursor:pointer}.cp-selection .cp-btn{padding:13px 18px;font-size:12px}
.cp-modal{position:fixed;z-index:5500;inset:0;display:flex;align-items:center;justify-content:center;padding:18px}.cp-modal-shade{position:absolute;inset:0;background:#151519bb;backdrop-filter:blur(4px)}.cp-modal-panel{position:relative;z-index:1;width:min(900px,100%);max-height:min(92vh,850px);overflow:auto;background:#fff;border-radius:20px;display:grid;grid-template-columns:43% 57%;box-shadow:0 30px 90px #0004}.cp-modal-image{min-height:410px;background:#f8f8f9;display:flex;align-items:center;justify-content:center;padding:35px}.cp-modal-image img{width:100%;max-height:380px;object-fit:contain;mix-blend-mode:multiply}.cp-modal-info{padding:55px 43px 43px}.cp-modal-info h2{font:800 clamp(22px,2.5vw,31px)/1.35 'Manrope',sans-serif;letter-spacing:-.045em;margin:14px 0 24px}.cp-modal-close{position:absolute;z-index:2;right:18px;top:17px;width:35px;height:35px;border:1px solid #ddd;background:#fff;border-radius:50%;font-size:23px;cursor:pointer}.cp-modal-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-top:1px solid #eee;border-bottom:1px solid #eee;padding:22px 0}.cp-modal-fields>div:last-child{grid-column:1/-1}.cp-modal-fields small{display:block;font-size:9px;letter-spacing:.08em;color:#888;font-weight:800;margin-bottom:7px}.cp-modal-fields strong{font-size:14px;font-weight:750;overflow-wrap:anywhere}.cp-modal-info>p{font-size:12px;color:#777;line-height:1.7;margin:19px 0}.cp-modal-info>a{font-size:12px;color:#b30b23;font-weight:700}.cp-modal-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:28px}.cp-modal-actions .cp-btn{font-size:12px;padding:14px 17px}
.asma-catalogue-page :is(button,a,input,select):focus-visible{outline:3px solid #d70825;outline-offset:3px}
@media(max-width:1150px){.cp-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cp-hero-grid{gap:30px}}
@media(max-width:850px){.cp-hero-grid{grid-template-columns:1fr;min-height:0;padding-top:55px}.cp-hero-art{min-height:350px}.cp-hero-art>img{max-height:320px;width:auto}.cp-hero-art-label{right:15%;bottom:8%}.cp-breadcrumb{margin-bottom:28px}.cp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cp-section-head{align-items:start;flex-direction:column}.cp-section-head>p{max-width:550px}.cp-filters{grid-template-columns:1fr 1fr}.cp-filters label:last-child{grid-column:1/-1}.cp-pdf-inner{align-items:start;flex-direction:column}}
@media(max-width:600px){.cp-hero-grid{padding-top:36px;padding-bottom:38px}.cp-hero h1{font-size:clamp(38px,9vw,53px)}.cp-hero-copy>p{font-size:13px}.cp-hero-actions{flex-direction:column;align-items:stretch}.cp-stats{gap:24px;margin-top:35px}.cp-hero-art{min-height:290px}.cp-hero-art>img{max-height:265px}.cp-hero-art-label{right:5%;bottom:3%}.cp-explore{padding:60px 0}.cp-toolbar{padding:16px}.cp-search-hint{display:none}.cp-search-label{height:57px;padding:0 13px}.cp-search-label input{font-size:12px}.cp-filters{grid-template-columns:1fr;gap:12px}.cp-filters label:last-child{grid-column:auto}.cp-grid{gap:11px}.cp-card-body{padding:14px 12px 12px}.cp-card h3{font-size:11px;min-height:54px}.cp-card-category{font-size:8px}.cp-card-actions{padding:0 12px 13px;gap:5px}.cp-card-actions button{font-size:10px;padding:10px 5px}.cp-card-ref{top:8px;left:8px;padding:5px 6px;font-size:9px}.cp-card-package{font-size:9px}.cp-card-spec span{font-size:9px}.cp-selection{bottom:10px;padding:12px 13px;gap:10px}.cp-selection strong{font-size:11px}.cp-selection-actions{gap:5px}.cp-selection .cp-btn{font-size:10px;padding:12px 10px}.cp-modal-panel{grid-template-columns:1fr;max-height:92vh}.cp-modal-image{min-height:180px;max-height:230px;padding:22px}.cp-modal-image img{max-height:190px}.cp-modal-info{padding:25px 22px}.cp-modal-info h2{font-size:22px;margin:10px 0 16px}.cp-modal-actions .cp-btn{flex:1;font-size:10px;padding:13px 10px}}
@media(prefers-reduced-motion:reduce){.cp-btn,.cp-card,.cp-card-image img{transition:none}}

.cp-pdf-actions{display:flex;flex-direction:column;align-items:center;gap:15px}.cp-pdf-download{font-size:12px;color:#b30b23;font-weight:700;text-decoration:underline;text-underline-offset:4px}.cp-pdf-viewer{margin-top:36px;border:1px solid #dedee1;border-radius:15px;background:#fff;overflow:hidden}.cp-pdf-viewer summary{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 24px;font-weight:750;font-size:13px;cursor:pointer;list-style:none}.cp-pdf-viewer summary::-webkit-details-marker{display:none}.cp-pdf-viewer summary span{font-size:20px;color:#c90b24}.cp-pdf-viewer[open] summary{border-bottom:1px solid #e5e5e8}.cp-pdf-viewer iframe{width:100%;height:640px;border:0;background:#fff}.cp-pdf-viewer>p{font-size:12px;color:#777;padding:0 24px 18px}.cp-pdf-viewer>p a{color:#b30b23}@media(max-width:600px){.cp-pdf-viewer iframe{height:450px}}