/* Conseils pharmacie : nouveau design (octobre 2026), isolé sous .pv2p */
.pv2p .crumbs{display: flex; flex-wrap: wrap; gap: 6px; font-size: 12.5px; color: var(--ink-3); padding-block: 14px 0;}
.pv2p .crumbs a{color: var(--ink-2); font-weight: 600;}
.pv2p .crumbs span[aria-current]{color: var(--navy); font-weight: 700;}
.pv2p .c-hero{background: radial-gradient(700px 420px at 92% 0%, #E4F4DB 0%, transparent 60%), linear-gradient(180deg, var(--cream), #fff); border-bottom: 1px solid var(--line);}
.pv2p .c-hero-in{display: grid; gap: 28px; padding-block: 18px 40px; grid-template-columns: minmax(0, 1fr); align-items: center;}
@container (min-width: 980px){.pv2p .c-hero-in{grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); padding-block: 26px 52px;}}
.pv2p .c-hero .h1{font-size: clamp(32px, 5cqi, 52px); line-height: 1.05; font-weight: 900; letter-spacing: -.035em; margin: 10px 0 14px; text-wrap: balance;}
.pv2p .c-hero .h1 em{font-style: normal; color: var(--green-t);}
.pv2p .c-lede{font-size: 16.5px; color: var(--ink-2); max-width: 60ch;}
.pv2p .c-search{margin-top: 22px; display: flex; gap: 8px; align-items: center; background: #fff; border-radius: 16px; padding: 7px 7px 7px 14px; box-shadow: 0 14px 40px rgba(0,22,58,.10), 0 0 0 1.5px var(--navy); max-width: 600px;}
.pv2p .c-search svg{width: 20px; height: 20px; color: var(--ink-3); flex: 0 0 auto;}
.pv2p .c-search input{flex: 1; min-width: 0; border: 0; outline: 0; font: 500 15.5px var(--sans); color: var(--navy); background: transparent; padding: 10px 4px;}
.pv2p .c-search input::placeholder{color: var(--ink-4);}
.pv2p .c-count{font: 600 12.5px var(--mono); color: var(--ink-3); white-space: nowrap; padding-right: 8px;}
.pv2p .c-quick{display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; font-size: 13px; color: var(--ink-3); align-items: center;}
.pv2p .c-quick button{border: 1px solid var(--line); background: #fff; border-radius: 999px; padding: 6px 12px; font: 600 13px var(--sans); color: var(--navy); cursor: pointer;}
.pv2p .c-quick button:hover{border-color: var(--green);}
.pv2p .shelf-c{position: relative; min-height: 300px;}
.pv2p .shelf-c .box{position: absolute; width: 34%; aspect-ratio: 1; border-radius: 20px; background: #fff; box-shadow: 0 16px 36px rgba(0,22,58,.12); display: grid; place-items: center; overflow: hidden;}
.pv2p .shelf-c .box img{position: absolute; inset: 10%; width: 80%; height: 80%; object-fit: contain;}
.pv2p .shelf-c .b1{left: 4%; top: 10%; rotate: -5deg;}
.pv2p .shelf-c .b2{left: 34%; top: 0; rotate: 3deg;}
.pv2p .shelf-c .b3{right: 2%; top: 14%; rotate: 6deg;}
.pv2p .shelf-c .b4{left: 14%; bottom: 0; rotate: 4deg;}
.pv2p .shelf-c .b5{left: 46%; bottom: 4%; rotate: -4deg;}
.pv2p .shelf-c .note{position: absolute; right: 0; bottom: 10%; background: var(--navy); color: #fff; border-radius: 14px; padding: 10px 14px; font-size: 12.5px; font-weight: 700; box-shadow: 0 14px 30px rgba(0,22,58,.25);}
.pv2p .shelf-c .note b{display: block; font-size: 22px; font-weight: 900; color: #9FDB89; font-family: var(--mono);}
@container (max-width: 979px){.pv2p .shelf-c{display: none;}}
.pv2p .c-chips{position: sticky; top: env(safe-area-inset-top, 0px); z-index: 5; background: rgba(255,255,255,.95); backdrop-filter: blur(8px); border-bottom: 1px solid var(--line);}
.pv2p .c-chips .w{display: flex; gap: 8px; overflow-x: auto; padding-block: 10px; scrollbar-width: none;}
.pv2p .c-chips a{flex: 0 0 auto; padding: 7px 12px; border-radius: 999px; border: 1px solid var(--line); font-size: 13px; font-weight: 700; background: #fff; display: inline-flex; gap: 6px; align-items: center;}
.pv2p .c-chips a b{font: 600 11.5px var(--mono); color: var(--green-t);}
.pv2p .cat-grid{display: grid; gap: 14px; grid-template-columns: minmax(0, 1fr);}
@container (min-width: 720px){.pv2p .cat-grid{grid-template-columns: repeat(2, minmax(0, 1fr));}}
@container (min-width: 1080px){.pv2p .cat-grid{grid-template-columns: repeat(3, minmax(0, 1fr));}}
.pv2p .cat{border: 1px solid var(--line); border-radius: 20px; padding: 18px; background: #fff; display: grid; gap: 12px; align-content: start; scroll-margin-top: 70px;}
.pv2p .cat[hidden]{display: none;}
.pv2p .cat-h{display: flex; gap: 12px; align-items: center;}
.pv2p .cat-ic{width: 42px; height: 42px; border-radius: 13px; display: grid; place-items: center; flex: 0 0 auto; color: var(--green-t); background: var(--mint);}
.pv2p .cat-ic svg{width: 22px; height: 22px;}
.pv2p .cat-h .ct{font-size: 17px; font-weight: 800; letter-spacing: -.01em; margin: 0; line-height: 1.2;}
.pv2p .cat-h small{display: block; font: 600 11.5px var(--mono); color: var(--ink-4); margin-top: 2px;}
.pv2p .meds-list{display: flex; flex-wrap: wrap; gap: 6px;}
.pv2p .meds-list a{padding: 6px 11px; border-radius: 10px; background: var(--stone); font-size: 13.5px; font-weight: 600; color: var(--navy); transition: background .15s;}
.pv2p .meds-list a:hover{background: var(--mint-2);}
.pv2p .meds-list a[hidden]{display: none;}
.pv2p .meds-list a.is-new{box-shadow: inset 0 0 0 1px var(--mint-2); background: #F6FBF3;}
.pv2p .c-empty{border: 1.5px dashed var(--line-2); border-radius: 16px; padding: 18px; color: var(--ink-3); font-size: 14px;}
.pv2p .az-letters{display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 16px;}
.pv2p .az-letters a{width: 36px; height: 36px; border-radius: 10px; display: grid; place-items: center; font: 700 14px var(--mono); border: 1px solid var(--line); background: #fff;}
.pv2p .az{columns: 2; column-gap: 24px;}
@container (min-width: 720px){.pv2p .az{columns: 4;}}
@container (min-width: 1080px){.pv2p .az{columns: 5;}}
.pv2p .az-g{break-inside: avoid; margin-bottom: 16px; scroll-margin-top: 70px;}
.pv2p .az-g b{display: block; font: 800 15px var(--mono); color: var(--green-t); border-bottom: 1px solid var(--line); padding-bottom: 4px; margin-bottom: 6px;}
.pv2p .az-g a{display: block; font-size: 14px; padding: 3px 0; color: var(--ink-2);}
.pv2p .az-g a:hover{color: var(--green-t);}
.pv2p .about{display: grid; gap: 22px; grid-template-columns: minmax(0, 1fr);}
@container (min-width: 960px){.pv2p .about{grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); align-items: start;}}
.pv2p .about .kick{margin: 0;}
.pv2p .about .t4b{font-size: 24px; font-weight: 800; letter-spacing: -.02em; margin: 6px 0 10px;}
.pv2p .trio{display: grid; gap: 12px; grid-template-columns: minmax(0, 1fr);}
@container (min-width: 720px){.pv2p .trio{grid-template-columns: repeat(3, minmax(0, 1fr));}}
.pv2p .trio div{border-radius: 18px; padding: 16px; background: var(--cream); font-size: 14px; color: var(--ink-2); line-height: 1.55;}
.pv2p .trio div strong,.pv2p .trio div b{display: block; color: var(--navy); font-size: 15px; margin-bottom: 4px;}
.pv2p .more-c{border-top: 1px solid var(--line); margin-top: 30px; padding-top: 22px;}
.pv2p .more-c .fold{max-height: 230px; overflow: hidden; position: relative;}
.pv2p .more-c .fold::after{content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 90px; background: linear-gradient(transparent, #fff);}
.pv2p .more-c .fold.open{max-height: none;}
.pv2p .more-c .fold.open::after{display: none;}
.pv2p .more-c h3{font-size: 18px; font-weight: 800; margin: 18px 0 8px;}
.pv2p .more-c p{color: var(--ink-2); font-size: 15px; line-height: 1.65; max-width: 75ch; margin: 0 0 10px;}
.pv2p .more-c .vm{margin-top: 10px; border: 1.5px solid var(--line-2); background: #fff; color: var(--navy); font: 800 13.5px var(--sans); padding: 9px 16px; border-radius: 12px; cursor: pointer;}
.pv2p .a-head{background: linear-gradient(180deg, var(--cream), #fff); border-bottom: 1px solid var(--line);}
.pv2p .a-head-in{padding-block: 10px 30px; max-width: 860px;}
.pv2p .a-cat{display: inline-flex; gap: 8px; align-items: center; font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--green-t); margin-top: 16px;}
.pv2p .a-cat i{width: 8px; height: 8px; border-radius: 50%; background: var(--green);}
.pv2p .a-head .h1{font-size: clamp(28px, 4.4cqi, 46px); line-height: 1.08; font-weight: 900; letter-spacing: -.03em; margin: 10px 0 14px; text-wrap: balance;}
.pv2p .a-lede{font-size: 17.5px; line-height: 1.6; color: var(--ink-2); max-width: 65ch;}
.pv2p .a-meta{display: flex; flex-wrap: wrap; gap: 8px 16px; margin-top: 16px; font-size: 13px; color: var(--ink-3); font-weight: 600;}
.pv2p .a-meta span{display: inline-flex; align-items: center; gap: 6px;}
.pv2p .a-meta svg{width: 15px; height: 15px;}
.pv2p .a-meta .pill{background: var(--mint); color: var(--green-t); padding: 4px 10px; border-radius: 999px; font-weight: 700;}
.pv2p .a-grid{display: grid; gap: 34px; grid-template-columns: minmax(0, 1fr); padding-block: 30px 40px; align-items: start;}
@container (min-width: 1000px){.pv2p .a-grid{grid-template-columns: minmax(0, 1fr) 300px;}}
.pv2p .a-side{display: grid; gap: 14px;}
@container (min-width: 1000px){.pv2p .a-side{position: sticky; top: 16px; order: 2;}}
.pv2p .p-card{border: 1px solid var(--line); border-radius: 20px; padding: 16px; background: #fff; display: grid; gap: 10px; box-shadow: 0 10px 30px rgba(0,22,58,.06);}
.pv2p .p-card .ph{aspect-ratio: 4/3; border-radius: 14px; background: var(--stone); position: relative; overflow: hidden;}
.pv2p .p-card .ph img{position: absolute; inset: 8%; width: 84%; height: 84%; object-fit: contain; mix-blend-mode: multiply;}
.pv2p .p-card b{font-size: 17px;}
.pv2p .p-card span{font-size: 13px; color: var(--ink-3);}
.pv2p .p-card .btn{width: 100%;}
.pv2p .toc{border-radius: 20px; background: var(--cream); padding: 16px; display: grid; gap: 2px; font-size: 13.5px;}
.pv2p .toc > b{font-size: 11.5px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--green-t); margin-bottom: 6px;}
.pv2p .toc a{display: block; padding: 6px 8px; border-radius: 9px; color: var(--ink-2); font-weight: 600; line-height: 1.3; border-left: 2px solid transparent;}
.pv2p .toc a.on{background: #fff; color: var(--navy); border-left-color: var(--green);}
@container (max-width: 999px){.pv2p .toc{display: none;}}
.pv2p .a-body{max-width: 72ch; font-size: 16.5px; line-height: 1.75; color: var(--ink-2);}
.pv2p .a-body h2{font-size: clamp(22px, 2.8cqi, 28px); font-weight: 800; letter-spacing: -.02em; line-height: 1.2; color: var(--navy); margin: 40px 0 12px; padding-top: 18px; border-top: 1px solid var(--line); scroll-margin-top: 20px; text-wrap: balance;}
.pv2p .a-body h2:first-child{margin-top: 0; border-top: 0; padding-top: 0;}
.pv2p .a-body h3{font-size: 18.5px; font-weight: 800; color: var(--navy); margin: 26px 0 8px;}
.pv2p .a-body p{margin: 0 0 14px;}
.pv2p .a-body strong{color: var(--navy);}
.pv2p .a-body a{color: var(--green-t); font-weight: 700; text-decoration: underline; text-decoration-color: var(--mint-2); text-decoration-thickness: 2px; text-underline-offset: 3px;}
.pv2p .a-body ul{margin: 0 0 16px; padding-left: 0; list-style: none; display: grid; gap: 8px;}
.pv2p .a-body li{position: relative; padding-left: 22px;}
.pv2p .a-body li::before{content: ""; position: absolute; left: 4px; top: .7em; width: 7px; height: 7px; border-radius: 50%; background: var(--green);}
.pv2p .a-body li p{margin: 0;}
.pv2p .a-body figure{margin: 20px 0 26px; border-radius: 20px; background: var(--stone); padding: 18px; display: grid; place-items: center;}
.pv2p .a-body figure img{max-height: 320px; width: auto; mix-blend-mode: multiply;}
.pv2p .tbl{overflow-x: auto; margin: 6px 0 20px; border: 1px solid var(--line); border-radius: 16px; background: #fff;}
.pv2p .tbl table{border-collapse: collapse; width: 100%; min-width: 520px; font-size: 14.5px; line-height: 1.45;}
.pv2p .tbl th,.pv2p .tbl td{text-align: left; padding: 11px 14px; border-bottom: 1px solid var(--line); vertical-align: top;}
.pv2p .tbl th{background: var(--mint); color: var(--navy); font-size: 13px;}
.pv2p .tbl tr:last-child td{border-bottom: 0;}
.pv2p .tbl p{margin: 0;}
.pv2p .tbl.dose table{min-width: 0;}
.pv2p .tbl.dose td:first-child{font-weight: 700; color: var(--navy); width: 55%;}
.pv2p .callout{display: flex; gap: 12px; border-radius: 16px; padding: 14px 16px; margin: 6px 0 22px; background: #FFF4E5; border: 1px solid #F5D9AE; color: #6B4A12; font-weight: 600; line-height: 1.5;}
.pv2p .callout svg{width: 22px; height: 22px; flex: 0 0 auto; margin-top: 1px;}
.pv2p .callout p{margin: 0;}
.pv2p .disclaimer{margin-top: 30px; border-radius: 18px; padding: 16px 18px; background: var(--sky); color: var(--ink-2); font-size: 14px; line-height: 1.55; display: flex; gap: 12px;}
.pv2p .disclaimer svg{width: 22px; height: 22px; flex: 0 0 auto; color: #1F5FA8;}
.pv2p .related{border-top: 1px solid var(--line); background: var(--cream);}
.pv2p .rel-grid{display: grid; gap: 14px; grid-template-columns: repeat(2, minmax(0, 1fr));}
@container (min-width: 860px){.pv2p .rel-grid{grid-template-columns: repeat(4, minmax(0, 1fr));}}
.pv2p .rel{border: 1px solid var(--line); border-radius: 18px; background: #fff; padding: 12px; display: grid; gap: 8px; align-content: start;}
.pv2p .rel .ph{aspect-ratio: 1; border-radius: 12px; background: var(--stone); position: relative; overflow: hidden;}
.pv2p .rel .ph img{position: absolute; inset: 10%; width: 80%; height: 80%; object-fit: contain; mix-blend-mode: multiply;}
.pv2p .rel b{font-size: 15px;}
.pv2p .rel span{font-size: 12.5px; color: var(--ink-3); line-height: 1.4;}
.pv2p .rel-more{display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px;}
.pv2p .rel-more a{padding: 7px 12px; border-radius: 999px; background: #fff; border: 1px solid var(--line); font-size: 13px; font-weight: 700;}
.pv2p.pv2c .a-body .my-8,.pv2p.pv2c .a-body .py-5{margin: 0; padding: 0;}
.pv2p.pv2c .a-body .prose{max-width: none; color: inherit; font-size: inherit; line-height: inherit;}
.pv2p.pv2c .a-body .prose :where(p,.pv2p li){font-weight: 400; color: var(--ink-2); font-size: 16.5px;}
.pv2p.pv2c .a-body h2:empty{display: none;}
.pv2p.pv2c .a-body ul{display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 8px !important;}
.pv2p.pv2c .a-body ol{padding-left: 22px; margin: 0 0 16px;}
.pv2p.pv2c .a-body table{display: block; overflow-x: auto; border-collapse: collapse; margin: 6px 0 20px; border: 1px solid var(--line); border-radius: 16px; font-size: 14.5px; line-height: 1.45;}
.pv2p.pv2c .a-body th,.pv2p.pv2c .a-body td{text-align: left; padding: 11px 14px; border-bottom: 1px solid var(--line); vertical-align: top; min-width: 120px;}
.pv2p.pv2c .a-body th{background: var(--mint); color: var(--navy);}
.pv2p.pv2c .a-body table p{margin: 0;}
.pv2p.pv2c .a-body img{max-width: 100%; height: auto;}
.pv2p.pv2c .a-figure{margin: 6px 0 26px; border-radius: 20px; background: var(--stone); padding: 18px; display: grid; place-items: center; overflow: hidden;}
.pv2p.pv2c .a-figure img{max-height: 320px; width: auto; object-fit: contain; mix-blend-mode: multiply;}
.pv2p.pv2c .rel .ph.none{display: grid; place-items: center; color: var(--green-t); background: var(--mint);}
.pv2p.pv2c .rel .ph.none svg{width: 34px; height: 34px;}
.pv2p.pv2c .links-side{border-radius: 20px; border: 1px solid var(--line); padding: 14px 16px; display: grid; gap: 6px; font-size: 14px;}
.pv2p.pv2c .links-side a{color: var(--green-t); font-weight: 700;}
.pv2p .a-head .h1{margin-bottom:6px;}
.pv2p .a-sub{font-size:clamp(18px,2.4cqi,22px);line-height:1.35;font-weight:700;color:var(--ink-2);margin:0 0 12px;max-width:60ch;text-wrap:balance;}