.medicine-card{display:flex;flex-direction:column}
.medicine-card .product-content{display:flex;flex-direction:column;flex:1}
.medicine-card .product-actions{margin-top:auto}
.medicine-card .medicine-photo{height:260px;background:#fff;padding:14px}
.medicine-photo img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.photo-count{position:absolute;bottom:12px;right:12px;background:#f4f5efeb;border:1px solid var(--line);border-radius:20px;padding:3px 10px;font-size:10px}
.medicine-card .pack-line{font-size:11px;color:var(--muted);margin-bottom:12px}
.pack-line span{margin:0 5px}
.medicine-card .product-content p{min-height:0}
.support-heading{margin-top:60px}
.support-heading h2{font-size:28px}
.featured-medicine-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.featured-medicine-grid .medicine-photo{height:210px}
.featured-medicine-grid .product-content{padding:18px}
.featured-medicine-grid h3{font-size:18px}
.featured-medicines{padding-top:15px}
.medicine-area-links{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:25px}
.medicine-area-links a{padding:8px 15px;border:1px solid var(--line);border-radius:22px;font-size:12px}
.medicine-area-links a:hover{background:var(--accent)}
.medicine-detail .detail-layout{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:55px;align-items:start}
.medicine-gallery{min-width:0}
.gallery-main{position:relative;display:block;background:white;border:1px solid var(--line);border-radius:10px;width:100%;aspect-ratio:1;padding:15px;cursor:zoom-in}
.gallery-main img{width:100%;height:100%;object-fit:contain;object-position:center;display:block}
.zoom-hint{position:absolute;bottom:14px;right:18px;font-size:11px;background:#f3f5ef;padding:4px 10px;border-radius:20px;color:var(--ink)}
.gallery-thumbs{display:flex;gap:12px;margin-top:14px}
.gallery-thumbs button{width:110px;max-width:32%;border:1px solid var(--line);border-radius:6px;padding:5px;background:white;color:var(--muted)}
.gallery-thumbs button[aria-pressed=true]{border:2px solid var(--green);padding:4px;color:var(--green);background:#f5f7f1}
.gallery-thumbs img{display:block;width:100%;height:75px;object-fit:contain}
.gallery-thumbs span{display:block;font-size:10px;margin:5px 0}
.gallery-caption{font-size:12px;margin:12px 0 6px}
.photo-note{font-size:11px;max-width:440px}
.medicine-summary h1{font-size:clamp(30px,3.1vw,44px);line-height:1.2;overflow-wrap:anywhere}
.medicine-tag{font-size:11px;border-radius:25px;background:#e9eedf;display:inline-block;padding:6px 13px}
.medicine-facts{margin:24px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line)}
.medicine-facts>div{padding:14px 10px 14px 0;border-bottom:1px solid var(--line)}
.medicine-facts dt{font-size:11px;color:var(--muted)}
.medicine-facts dd{margin:4px 0 0;font-size:14px;font-weight:600}
.pack-note{border-left:3px solid #ba9a57;background:#f7f2e8;padding:14px 16px;font-size:12px}
.medicine-enquiry{padding:22px;border:1px solid var(--line);background:#f0f3e9;border-radius:8px;margin-top:25px}
.medicine-enquiry h3{margin-bottom:10px}
.medicine-enquiry p{font-size:13px;margin-bottom:10px}
.medicine-enquiry .small{font-size:11px;margin-bottom:0}
.medicine-reading{margin-top:65px;display:grid;grid-template-columns:190px minmax(0,1fr);gap:65px;border-top:1px solid var(--line);padding-top:30px}
.medicine-jump{display:flex;flex-direction:column;gap:8px;align-self:start;position:sticky;top:110px}
.medicine-jump a{padding:10px 15px;border-radius:4px;font-size:13px;border-left:2px solid var(--line)}
.medicine-jump a:hover{background:#edf1e4;border-color:var(--green)}
.medicine-information{max-width:800px}
.medicine-information section{padding:20px 0 28px;border-bottom:1px solid var(--line);scroll-margin-top:110px}
.medicine-information h2{font-size:27px;letter-spacing:-1px}
.medicine-information p,.medicine-information li{font-size:14px;line-height:1.85;color:var(--muted)}
.medicine-information ul{padding-left:20px}
.medicine-information li{margin-bottom:10px}
.medicine-faq details{border-top:1px solid var(--line);padding:16px 0}
.medicine-faq summary{cursor:pointer;font-size:15px;font-weight:600;line-height:1.6}
.medicine-faq summary:focus-visible{outline:2px solid currentColor;outline-offset:5px}
.medicine-faq details p{margin:12px 0 0}
.medicine-sources a{text-decoration:underline;text-underline-offset:4px;color:var(--green)}
.basket-item-icon img{width:100%;height:100%;object-fit:contain;background:white;border-radius:4px}
#photo-dialog{border:0;border-radius:10px;padding:48px 15px 15px;max-width:95vw;max-height:95vh;background:white}
#photo-dialog::backdrop{background:#152f29bd}
#photo-dialog img{display:block;max-width:85vw;max-height:78vh;object-fit:contain;margin:auto}
.dialog-close{position:absolute;right:16px;top:12px;border:1px solid var(--line);border-radius:20px;padding:5px 13px;background:white;color:var(--ink)}
.gallery-thumbs{flex-wrap:wrap}
.medicine-facts dd{overflow-wrap:anywhere}
#photo-dialog{max-height:95dvh}
#photo-dialog img{max-height:calc(95dvh - 90px)}
.dialog-close{min-height:44px;top:4px}
@media(max-width:760px){.medicine-area-links a,.medicine-jump a{min-height:44px;display:inline-flex;align-items:center}.medicine-enquiry .button{width:100%;gap:12px}}
@media(max-width:1100px){.featured-medicine-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.medicine-detail .detail-layout{gap:30px}.medicine-reading{gap:30px;grid-template-columns:160px minmax(0,1fr)}}
@media(max-width:760px){.medicine-detail .detail-layout{grid-template-columns:1fr}.medicine-reading{display:block;margin-top:35px}.medicine-jump{position:static;flex-direction:row;flex-wrap:wrap;gap:5px;margin-bottom:20px}.medicine-jump a{border:1px solid var(--line);border-radius:20px;font-size:11px;padding:7px 12px}.medicine-information h2{font-size:25px}.medicine-detail{padding-top:25px}.medicine-card .medicine-photo{height:250px}.featured-medicine-grid{grid-template-columns:1fr}.medicine-enquiry{padding:18px}.gallery-main{max-height:460px}.medicine-information section{scroll-margin-top:90px}.medicine-gallery{width:100%}}
.medicine-card-purchase{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:10px 12px;margin-top:auto;padding-top:10px}.medicine-card-purchase .medicine-guide-price{margin:0!important;flex:1 1 140px;min-width:0}.medicine-card-purchase .add-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;flex:0 0 auto;white-space:nowrap}.medicine-card-purchase .medicine-guide-price strong{line-height:1.4}
.catalogue .medicine-card .product-content{padding:14px 18px}.catalogue .medicine-card .product-content h3{margin:8px 0}.catalogue .medicine-card .pack-line{margin-bottom:8px}.catalogue .medicine-card .product-content>p:not(.medicine-guide-price){margin-bottom:10px;line-height:1.65}.catalogue .medicine-card-purchase{padding-top:4px}.catalogue .medicine-card-purchase .medicine-guide-price{margin:0!important}@media(max-width:760px){.catalogue .medicine-card .product-content{padding:16px 18px}}
.section.detail-page{padding-top:16px}.detail-page>.text-link{margin-bottom:12px}@media(max-width:760px){.section.detail-page{padding-top:12px}.detail-page>.text-link{margin-bottom:8px}}