:root{--dhl-yellow:#ffcc00;--dhl-red:#d40511;--dhl-dark:#191919;--dhl-grey:#f2f2f2;--dhl-border:#ddd;--shadow:0 4px 18px rgba(0,0,0,.22)}*{box-sizing:border-box}body{font-family:Arial,Helvetica,sans-serif;color:var(--dhl-dark);margin:0;background:#fff}a{color:inherit;text-decoration:none}a:hover{color:var(--dhl-red)}.country-notice{background:var(--dhl-grey);font-size:.92rem;padding:.65rem 0;border-bottom:1px solid #ddd}.country-notice a{text-decoration:underline}.notice-close,.link-button{border:0;background:transparent;font:inherit;font-weight:600;padding:0;color:inherit}.site-header{background:var(--dhl-yellow);position:sticky;top:0;z-index:1000;transition:box-shadow .2s}.site-header.scrolled{box-shadow:0 3px 12px rgba(0,0,0,.25)}.top-utility{padding:.45rem 0 0}.dhl-navbar{background:var(--dhl-yellow);padding:.35rem 0 .8rem}.logo-mark{width:112px;height:42px;background:var(--dhl-yellow);display:flex;align-items:center;justify-content:center;position:relative;margin-right:2rem}.logo-mark:before,.logo-mark:after{content:"";position:absolute;left:7px;right:7px;height:3px;background:var(--dhl-red)}.logo-mark:before{top:8px}.logo-mark:after{bottom:8px}.logo-mark span{font-weight:900;font-size:2rem;font-style:italic;color:var(--dhl-red);letter-spacing:-2px;z-index:1}.main-menu .nav-link{font-weight:700;color:#111!important;padding:1rem 1.1rem!important;border-bottom:4px solid transparent}.main-menu .nav-link:hover,.main-menu .nav-link.active{border-bottom-color:var(--dhl-red)}.mega-menu{width:min(860px,94vw);border:0;border-radius:0;box-shadow:var(--shadow)}.mega-start{background:var(--dhl-grey)}.mega-menu h6{font-size:.75rem;font-weight:800;color:#555;text-transform:uppercase}.mega-menu h5{font-weight:800;font-size:1.05rem}.mega-menu p{color:#555;font-size:.9rem}.mega-menu a{color:var(--dhl-red);font-weight:700}.mega-action{display:block;background:#fff;padding:1rem;margin:.6rem 0;box-shadow:0 1px 5px rgba(0,0,0,.16)}.portal-menu{border-radius:0;box-shadow:var(--shadow);border:0}.mobile-utility{display:grid;gap:.8rem}.search-overlay{position:fixed;inset:0;background:rgba(255,255,255,.98);z-index:2000;transform:translateY(-105%);transition:.25s ease;box-shadow:var(--shadow)}.search-overlay.open{transform:translateY(0)}.hero{background-size:cover;background-position:center}.home-hero{height:320px;background-image:url('https://www.dhl.com/content/dam/dhl/global/core/images/marketing-stage-2730x1120/africa-core-homepage-banner.web.785.246.png')}.page-hero{background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.1)),url('https://www.dhl.com/content/dam/dhl/global/core/images/marketing-stage-2730x1120/africa-core-homepage-banner.web.785.246.png') center/cover;min-height:260px;display:flex;align-items:center;color:white}.page-hero h1{font-size:clamp(2rem,4vw,3.8rem);font-weight:900}.tracking-wrap{margin-top:-52px;position:relative;z-index:3}.tracking-card{background:white;padding:1.6rem;box-shadow:var(--shadow)}.tracking-card h1{font-size:1.65rem;font-weight:900;margin:0}.track-message{font-size:.92rem;color:var(--dhl-red);margin-top:.35rem;display:none}.btn-dhl{background:var(--dhl-red);border-color:var(--dhl-red);color:white;font-weight:800;border-radius:3px;padding:.75rem 1.45rem}.btn-dhl:hover{background:#b7040f;border-color:#b7040f;color:white}.quick-actions{padding:2rem 0 3.2rem}.quick-card{height:100%;display:flex;gap:1rem;align-items:center;padding:1.35rem;background:white;box-shadow:0 2px 12px rgba(0,0,0,.18);transition:.18s}.quick-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.quick-card i{font-size:2rem;color:var(--dhl-red)}.quick-card strong{display:block;font-size:1.25rem}.quick-card small{display:block;color:#555;line-height:1.35}.split-section{padding:4.6rem 0}.grey-section{background:var(--dhl-grey)}.split-section h2,.updates-section h2{font-size:clamp(1.9rem,3vw,2.75rem);font-weight:900;margin-bottom:.7rem}.split-section h3{font-size:1.1rem;font-weight:900;margin-top:1.6rem}.eyebrow{font-weight:900;color:#555;text-transform:none}.section-img{width:100%;height:370px;object-fit:cover;box-shadow:0 2px 12px rgba(0,0,0,.18)}.service-list{columns:2;list-style:none;padding:0;margin:1rem 0 1.5rem}.service-list li{break-inside:avoid;margin:.5rem 0;padding-left:1.6rem;position:relative}.service-list li:before{content:"\F26A";font-family:"bootstrap-icons";position:absolute;left:0;color:var(--dhl-red);font-weight:bold}.updates-section{padding:4rem 12px}.update-link{display:inline-flex;align-items:center;gap:.6rem;background:var(--dhl-grey);padding:1rem 1.2rem;font-weight:800;color:var(--dhl-red);margin-top:.7rem}.promo-grid{padding-bottom:4rem}.promo-card{display:block;height:100%;background:var(--dhl-grey);padding:2rem;min-height:220px;border-bottom:5px solid var(--dhl-red);transition:.18s}.promo-card:hover{transform:translateY(-3px);box-shadow:0 3px 14px rgba(0,0,0,.18)}.promo-card h3{font-weight:900}.site-footer{background:var(--dhl-grey);padding:3.5rem 0 2rem;border-top:1px solid var(--dhl-border)}.site-footer h4{font-size:1.05rem;font-weight:900;margin-bottom:1rem}.site-footer a{display:block;margin:.45rem 0;color:#333}.footer-bottom{display:flex;justify-content:space-between;gap:2rem;flex-wrap:wrap}.footer-bottom a{display:inline-block;margin-right:1.1rem}.social{display:flex;gap:.8rem;align-items:center}.social i{font-size:1.25rem}.form-panel{background:white;box-shadow:var(--shadow);padding:2rem}.content-card{background:white;box-shadow:0 2px 12px rgba(0,0,0,.12);padding:1.5rem;height:100%;border-top:4px solid var(--dhl-red)}.info-band{background:var(--dhl-grey);padding:3rem 0}.table-like{border:1px solid #ddd}.table-like div{padding:1rem;border-bottom:1px solid #ddd}.table-like div:last-child{border-bottom:0}@media (max-width:991.98px){.dhl-navbar{padding:.5rem 0}.navbar-collapse{background:#fff;margin-top:.7rem;padding:1rem;box-shadow:var(--shadow)}.main-menu .nav-link{padding:.75rem 0!important;border-bottom:1px solid #eee}.mega-menu{box-shadow:none;width:100%;background:#fafafa}.tracking-wrap{margin-top:0}.home-hero{height:230px}.section-img{height:300px}.split-section{padding:3.2rem 0}}@media (max-width:767.98px){.country-notice .container{align-items:flex-start!important;flex-direction:column}.home-hero{height:190px}.tracking-card{padding:1rem}.tracking-card h1{font-size:1.35rem}.quick-actions{padding-top:1rem}.service-list{columns:1}.section-img{height:230px}.footer-bottom{display:block}.footer-bottom a{display:block}.page-hero{min-height:210px}.form-panel{padding:1.1rem}.split-section{padding:2.6rem 0}} 


/* User-replaceable placeholder logo */
.logo-mark{width:132px;height:44px;background:#fff!important;border:2px dashed var(--dhl-red);display:flex;align-items:center;justify-content:center;margin-right:2rem;box-shadow:none;position:relative}
.logo-mark:before,.logo-mark:after{display:none!important}
.logo-mark span{font-weight:900;font-size:1.15rem;font-style:normal;color:var(--dhl-red);letter-spacing:.08em;z-index:1}
.main-menu{margin-left:auto}.main-menu .nav-link{white-space:nowrap}.top-utility .container{justify-content:flex-end!important}.site-header .navbar-collapse{justify-content:flex-end}
@media (min-width:992px){.mega-parent{position:static}.mega-menu{right:0;left:auto}.navbar .container{position:relative}}
.logo-mark img.app-logo-img{max-width:100%;max-height:42px;object-fit:contain;position:relative;z-index:2}.logo-mark:has(img):before,.logo-mark:has(img):after{display:none}.logo-mark:has(img){background:transparent}

/* Public shipment media */
.public-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}
.public-media-item{border:1px solid #e5e7eb;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.10);overflow:hidden}
.public-media-item img,.public-media-item video{width:100%;height:135px;object-fit:cover;background:#111827;display:block}
.public-media-item span{display:block;padding:9px 10px;font-size:.82rem;color:#555;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:575.98px){.public-media-grid{grid-template-columns:1fr}.public-media-item img,.public-media-item video{height:210px}}

/* Plain uploaded logo: no frame, lines, dotted borders, or decorative DHL-style marks */
.logo-mark{width:auto;min-width:120px;height:48px;background:transparent!important;border:0!important;box-shadow:none!important;padding:0;margin-right:2rem;display:flex;align-items:center;justify-content:flex-start}
.logo-mark:before,.logo-mark:after{display:none!important;content:none!important}
.logo-mark span{font-weight:900;font-size:1.05rem;font-style:normal;color:#111;letter-spacing:.02em;background:transparent;border:0}
.logo-mark img.app-logo-img{max-width:180px;max-height:48px;object-fit:contain;display:block;border:0!important;background:transparent!important;box-shadow:none!important}
.btn-outline-dhl{border:1px solid var(--dhl-red);color:var(--dhl-red);background:#fff;font-weight:800;border-radius:3px;padding:.75rem 1.45rem}.btn-outline-dhl:hover{background:#fff2f2;color:var(--dhl-red)}
.status-pill{display:inline-flex;align-items:center;padding:.28rem .7rem;border-radius:999px;background:#fff3cd;color:#7c4a00;font-weight:800;font-size:.82rem}

/* Tracking result page */
.tracking-page{background:#f6f7f9}.tracking-search-hero{padding:3rem 0 1.5rem}.tracking-search-hero h1{font-size:clamp(1.7rem,3vw,2.4rem);font-weight:900;margin:0;color:#111827}.track-breadcrumb{display:flex;gap:.6rem;align-items:center;color:#4b5563;margin-top:.45rem}.track-breadcrumb a{color:#111827}.tracking-search-card{background:#fff;border:1px solid #e5e7eb;box-shadow:0 10px 30px rgba(0,0,0,.08);padding:1.25rem;border-radius:10px}.tracking-search-card label{font-weight:800;margin-bottom:.5rem}.tracking-result-wrap{padding:0 12px 4rem}.tracking-result-card,.tracking-section-card{background:#fff;border:1px solid #e5e7eb;box-shadow:0 10px 30px rgba(0,0,0,.08);border-radius:10px;overflow:hidden;margin-bottom:1.6rem}.tracking-banner{background:linear-gradient(135deg,var(--dhl-red),#9f030d);color:#fff;padding:1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.tracking-banner-label{display:flex;gap:.5rem;align-items:center;font-weight:800}.tracking-banner h2{font-weight:900;margin:.5rem 0 0;font-size:clamp(1.45rem,3vw,2rem)}.tracking-banner h2 span{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;background:#fff;color:var(--dhl-red);padding:.22rem .55rem;border-radius:999px;vertical-align:middle}.tracking-banner-meta{display:grid;gap:.55rem;background:rgba(255,255,255,.16);padding:1rem;border-radius:8px;font-weight:700}.tracking-banner-meta strong{background:#fff;color:var(--dhl-red);border-radius:999px;padding:.2rem .55rem}.tracking-info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;padding:1.5rem}.tracking-info-box{background:#fafafa;border:1px solid #e6eaf0;border-radius:8px;padding:1.25rem;min-height:170px}.tracking-info-box h3,.tracking-section-card h2{font-size:1.18rem;font-weight:900;color:#111827;margin:0 0 1rem}.tracking-info-box h3 i,.tracking-section-card h2 i{color:var(--dhl-red);margin-right:.35rem}.tracking-info-box p{margin:.45rem 0;color:#334155}.tracking-info-box p i{width:22px;color:#64748b}.tracking-section-card{padding:0}.tracking-section-card>h2,.tracking-section-card>.d-flex{padding:1.2rem 1.5rem;border-bottom:1px solid #e5e7eb}.progress-card{padding-bottom:1.35rem}.progress-steps{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;padding:2rem 1.5rem 0}.progress-steps:before{content:"";position:absolute;left:5%;right:5%;top:58px;height:4px;background:#e5e7eb}.progress-step{position:relative;z-index:1;display:grid;justify-items:center;text-align:center;gap:.4rem;color:#6b7280}.progress-step span{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:#e5e7eb;color:#94a3b8;border:5px solid #fff;box-shadow:0 3px 12px rgba(0,0,0,.14);font-size:1.3rem}.progress-step.active span{background:var(--dhl-red);color:#fff}.progress-step.active strong{color:#111827}.progress-step small{color:#6b7280}.history-list{padding:1.5rem}.history-item{position:relative;border-left:2px solid #e5e7eb;padding:0 0 1.5rem 2rem}.history-item span:first-child{position:absolute;left:-13px;top:0;width:24px;height:24px;background:var(--dhl-red);border:4px solid #fff;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.15)}.route-map{position:relative;height:420px;background:linear-gradient(135deg,#dbeafe,#ecfeff);overflow:hidden}.route-map:before{content:"";position:absolute;inset:-30px;background:radial-gradient(circle at 15% 20%,#fff 0 5%,transparent 6%),radial-gradient(circle at 44% 30%,#fff 0 8%,transparent 9%),radial-gradient(circle at 78% 38%,#fff 0 11%,transparent 12%),radial-gradient(circle at 33% 70%,#fff 0 9%,transparent 10%),radial-gradient(circle at 70% 78%,#fff 0 7%,transparent 8%);opacity:.85}.route-line{position:absolute;left:18%;right:18%;top:52%;height:4px;background:var(--dhl-red);transform:rotate(-8deg);transform-origin:center}.map-pin{position:absolute;background:#fff;border:1px solid #e5e7eb;color:#111827;border-radius:999px;padding:.5rem .75rem;font-weight:800;box-shadow:0 4px 14px rgba(0,0,0,.15)}.map-pin i{color:var(--dhl-red)}.map-pin.origin{left:8%;top:42%}.map-pin.destination{right:8%;top:56%}.route-map a{position:absolute;right:18px;bottom:18px;background:#fff;color:var(--dhl-red);border:1px solid #e5e7eb;border-radius:4px;padding:.55rem .75rem;font-weight:800}.parcel-info-card{padding-bottom:1.5rem}.parcel-layout{display:grid;grid-template-columns:270px 1fr;gap:1.5rem;padding:1.5rem}.parcel-image-wrap{background:#f8fafc;border-radius:8px;padding:.65rem}.parcel-image-wrap img{width:100%;height:210px;object-fit:cover;border-radius:6px}.parcel-details-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.parcel-details-grid>div{background:#f8fafc;border-radius:8px;padding:1rem;display:grid;gap:.6rem}.parcel-details-grid strong{display:flex;align-items:center;gap:.45rem;color:#111827}.parcel-details-grid strong i{color:var(--dhl-red)}.parcel-details-grid span{font-size:1.05rem}.tracking-actions{display:flex;gap:.8rem;flex-wrap:wrap;padding:0 1.5rem}

/* Payment instructions page */
.payment-page{background:#f6f7f9}.payment-wrap{padding:3rem 12px}.payment-summary-card{background:#fff;border:1px solid #e5e7eb;border-left:6px solid var(--dhl-red);box-shadow:0 8px 24px rgba(0,0,0,.08);border-radius:8px;padding:1.35rem;display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:1.5rem}.payment-summary-card h2{font-weight:900}.payment-summary-card span{display:block;color:#64748b}.payment-summary-card strong{font-size:1.65rem;color:var(--dhl-red)}.payment-method-card{height:100%;background:#fff;border:1px solid #e5e7eb;box-shadow:0 8px 24px rgba(0,0,0,.08);border-radius:8px;padding:1.4rem}.payment-method-card h3{font-weight:900}.crypto-pay-box{display:grid;grid-template-columns:130px 1fr;gap:1rem;align-items:start;margin:1.2rem 0}.crypto-pay-box img,.fake-qr{width:120px;height:120px;background:#fff;border:1px solid #e5e7eb;object-fit:contain}.fake-qr{background:repeating-linear-gradient(90deg,#111 0 12px,#fff 12px 22px),repeating-linear-gradient(0deg,rgba(0,0,0,.18) 0 9px,rgba(255,255,255,.2) 9px 18px);background-blend-mode:multiply}.crypto-pay-box code{white-space:normal;word-break:break-all;color:#111827}.bank-pay-box{background:#f8fafc;border:1px solid #eef2f7;border-radius:8px;padding:1rem;margin:1.2rem 0}.bank-pay-box p{margin:.4rem 0}.payment-instructions{border-top:1px solid #e5e7eb;padding-top:1rem;margin-top:1rem}.payment-instructions p{margin:.5rem 0 0}

/* Printable receipt */
.receipt-body{background:#f3f4f6;font-family:Arial,Helvetica,sans-serif;color:#0f172a}.receipt-toolbar{max-width:980px;margin:1rem auto;display:flex;justify-content:space-between;gap:1rem}.receipt-toolbar a,.receipt-toolbar button{border:0;background:var(--dhl-red);color:#fff;border-radius:4px;padding:.75rem 1rem;font-weight:800;text-decoration:none}.receipt-page{max-width:980px;margin:1.5rem auto;background:#fff;box-shadow:0 10px 35px rgba(0,0,0,.12)}.receipt-top-line{height:7px;background:linear-gradient(90deg,var(--dhl-red),var(--dhl-yellow),#111827)}.receipt-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;padding:2.2rem 2.2rem 1.2rem}.receipt-brand-block{display:flex;gap:1rem;align-items:center}.receipt-logo{min-width:200px}.receipt-logo span{font-weight:900;font-size:1.8rem}.receipt-logo-img{max-width:220px;max-height:72px;object-fit:contain}.receipt-header h1{font-size:1.5rem;margin:0;font-weight:900}.receipt-header p{margin:.25rem 0;color:#475569}.receipt-meta{text-align:right}.receipt-meta p{margin:0;color:#64748b}.receipt-meta strong{display:block;margin:.25rem 0 1rem}.receipt-meta span{text-transform:uppercase;background:#fff6cc;color:#111827;border:1px solid #f4d34d;border-radius:999px;padding:.55rem 1rem;font-weight:800}.receipt-company-row{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;margin:0 2.2rem;padding:1.4rem 0}.receipt-company-row h2{font-size:1.25rem;color:#111827;margin:0;font-weight:900}.receipt-company-row p{margin:.3rem 0}.receipt-tracking-bar{margin:1.6rem 2.2rem;background:var(--dhl-red);color:#fff;border-radius:6px;padding:1.35rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.receipt-tracking-bar small{display:block;font-weight:800}.receipt-tracking-bar strong{font-size:1.6rem}.receipt-tracking-bar span{background:#fff;color:var(--dhl-red);border-radius:999px;padding:.45rem .8rem;font-weight:800}.receipt-card-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.5rem;margin:0 2.2rem 1.8rem}.receipt-card-grid article,.receipt-table-card,.receipt-mini-card,.receipt-stamps article,.receipt-summary,.receipt-verification{border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.06);padding:1.2rem}.receipt-card-grid h3,.receipt-table-card h3,.receipt-mini-card h3,.receipt-summary h3,.receipt-verification h3{font-size:1.05rem;font-weight:900;margin:0 0 1rem}.receipt-card-grid h3 i,.receipt-table-card h3 i,.receipt-mini-card h3 i,.receipt-summary h3 i{color:var(--dhl-red)}.receipt-card-grid p{margin:.6rem 0;color:#334155}.fake-barcode{height:86px;border:1px solid #e5e7eb;background:repeating-linear-gradient(90deg,#111 0 2px,#fff 2px 5px,#111 5px 8px,#fff 8px 14px);position:relative;margin-bottom:1rem}.fake-barcode span{position:absolute;bottom:4px;left:0;right:0;text-align:center;background:rgba(255,255,255,.85);font-size:.8rem}.receipt-status{display:inline-block;background:#dcfce7;color:#166534;border-radius:999px;padding:.25rem .65rem;font-weight:800;font-size:.82rem}.receipt-table-card{margin:0 2.2rem 1.8rem;padding:0;overflow:auto}.receipt-table-card h3{padding:1rem 1.2rem;border-bottom:1px solid #e5e7eb}.receipt-table-card table{width:100%;border-collapse:collapse}.receipt-table-card th,.receipt-table-card td{padding:1rem;text-align:left;border-bottom:1px solid #e5e7eb}.receipt-table-card th{text-transform:uppercase;font-size:.76rem;letter-spacing:.05em;color:#475569}.receipt-lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin:0 2.2rem 2rem}.receipt-stamps{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.5rem}.stamp-circle,.stamp-duty{height:110px;background:#f8fafc;border-radius:6px;display:grid;place-items:center;color:var(--dhl-red);font-weight:900;border:2px dashed var(--dhl-red);transform:rotate(-10deg)}.stamp-duty{border-radius:50%;height:100px;width:100px;margin:auto}.receipt-summary{padding:0;overflow:hidden}.receipt-summary h3{background:var(--dhl-red);color:#fff;padding:1rem 1.2rem}.receipt-summary h3 i{color:#fff}.receipt-summary p{display:flex;justify-content:space-between;margin:0 1.2rem;padding:1rem 0;border-bottom:1px solid #e5e7eb}.receipt-summary .total strong{font-size:1.4rem;color:var(--dhl-red)}.receipt-summary em{font-style:normal;background:#fff3cd;color:#7c4a00;border-radius:999px;padding:.25rem .6rem;font-weight:800}.receipt-verification{display:grid;grid-template-columns:110px 1fr;gap:1rem;margin-top:1.5rem}.receipt-verification .fake-qr{width:96px;height:96px}.receipt-footer{text-align:center;background:#fffaf0;border-top:1px solid #e5e7eb;padding:2.2rem}.receipt-footer i{display:inline-grid;place-items:center;width:52px;height:52px;background:#fff3cd;color:var(--dhl-red);border-radius:50%;font-size:1.5rem}.receipt-footer h2{font-size:1.2rem;color:#111827;margin:.9rem 0 .5rem;font-weight:900}

@media(max-width:991.98px){.tracking-info-grid{grid-template-columns:repeat(2,1fr)}.parcel-layout{grid-template-columns:1fr}.parcel-details-grid{grid-template-columns:repeat(2,1fr)}.receipt-card-grid,.receipt-lower-grid{grid-template-columns:1fr}.receipt-header,.receipt-company-row{flex-direction:column;text-align:left}.receipt-meta{text-align:left}.crypto-pay-box{grid-template-columns:1fr}.progress-steps{overflow-x:auto;grid-template-columns:repeat(5,160px);padding-bottom:.5rem}.progress-steps:before{left:70px;right:70px}}
@media(max-width:575.98px){.tracking-banner{align-items:flex-start}.tracking-info-grid,.parcel-details-grid{grid-template-columns:1fr}.route-map{height:300px}.payment-summary-card{display:block}.receipt-page{margin:0;box-shadow:none}.receipt-toolbar{margin:.75rem}.receipt-header,.receipt-company-row,.receipt-tracking-bar,.receipt-card-grid,.receipt-table-card,.receipt-lower-grid{margin-left:1rem;margin-right:1rem}.receipt-header{padding:1.5rem 1rem 1rem}.receipt-tracking-bar{display:block}.receipt-tracking-bar strong{font-size:1.1rem}.receipt-stamps{grid-template-columns:1fr}.receipt-verification{grid-template-columns:1fr}}
@media print{.receipt-toolbar,.site-header,.site-footer,.country-notice{display:none!important}.receipt-body{background:#fff}.receipt-page{max-width:none;margin:0;box-shadow:none}.receipt-card-grid{grid-template-columns:1fr 1fr 1fr}.receipt-lower-grid{grid-template-columns:1fr 1fr}a[href]:after{content:""}}

/* Homepage enhancements restored: package calculator, about, and blog previews */
.front-tools-section{background:#fff;padding-top:4rem;padding-bottom:4rem}
.calculator-card,.company-card{background:#fff;box-shadow:0 4px 18px rgba(0,0,0,.14);padding:2rem;border-top:5px solid var(--dhl-red)}
.calculator-card h2,.company-card h2,.blog-preview-section h2{font-size:clamp(1.75rem,3vw,2.4rem);font-weight:900;margin-bottom:.75rem}
.calc-result{background:var(--dhl-grey);border-left:4px solid var(--dhl-red);padding:1rem;font-weight:700;color:#333}
.mini-feature{height:100%;background:var(--dhl-grey);padding:1rem;display:flex;flex-direction:column;gap:.35rem;border-bottom:3px solid var(--dhl-red)}
.mini-feature i{font-size:1.8rem;color:var(--dhl-red)}
.mini-feature strong{font-weight:900}.mini-feature span{font-size:.92rem;color:#555;line-height:1.45}
.blog-preview-section{padding:4rem 12px}.section-heading-row{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:1.5rem}.section-heading-row p{margin-bottom:0;color:#555}
.blog-card{display:block;height:100%;background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.15);padding:1.5rem;border-top:4px solid var(--dhl-red);transition:.18s}
.blog-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.blog-card i{font-size:2.1rem;color:var(--dhl-red)}.blog-card span{display:block;margin-top:.8rem;color:#555;font-weight:800;text-transform:uppercase;font-size:.78rem;letter-spacing:.05em}.blog-card h3{font-size:1.22rem;font-weight:900;margin:.55rem 0}.blog-card p{color:#555;margin-bottom:0}.article-body{font-size:1.05rem;line-height:1.75}.article-card{background:#fff;box-shadow:0 3px 14px rgba(0,0,0,.13);padding:2rem;border-top:5px solid var(--dhl-red);margin-bottom:1.5rem}.article-card h2{font-weight:900}
@media(max-width:991.98px){.logo-mark{min-width:96px;height:42px}.logo-mark img.app-logo-img{max-height:42px;max-width:150px}.section-heading-row{display:block}.section-heading-row .btn{margin-top:1rem}.front-tools-section{padding:3rem 0}.calculator-card,.company-card{padding:1.35rem}}

/* Final receipt assets and print fidelity */
.barcode-wrap{border:1px solid #e5e7eb;background:#fff;padding:.45rem;margin-bottom:1rem;overflow:hidden}
.real-barcode{width:100%;height:96px;display:block;background:#fff}
.receipt-payment-img{display:block;width:min(100%,260px);height:auto;margin:.4rem 0 1rem;border:1px solid #e5e7eb;border-radius:4px;background:#fff;object-fit:contain}
.receipt-stamp-img{display:block;width:100%;max-width:190px;height:116px;object-fit:contain;margin:.4rem auto .75rem;background:#f8fafc;border-radius:6px}
.receipt-qr-img{width:96px;height:96px;object-fit:contain;border:1px solid #e5e7eb;border-radius:6px;background:#fff;padding:.25rem}
.receipt-stamps article{text-align:center}.receipt-stamps h4{font-size:.95rem;font-weight:900;margin-bottom:.6rem}.receipt-mini-card p{margin-bottom:0}.receipt-page,.receipt-page *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;color-adjust:exact!important}
@page{size:auto;margin:10mm}
@media print{
  html,body{width:100%;min-height:100%;background:#fff!important}
  .receipt-toolbar,.site-header,.site-footer,.country-notice{display:none!important}
  .receipt-body{background:#fff!important;margin:0!important}
  .receipt-page{max-width:980px!important;width:100%!important;margin:0 auto!important;box-shadow:none!important;border:0!important;page-break-inside:avoid}
  .receipt-top-line,.receipt-tracking-bar,.receipt-summary h3,.receipt-footer,.receipt-meta span,.receipt-status,.receipt-summary em{ -webkit-print-color-adjust:exact!important;print-color-adjust:exact!important; }
  .receipt-card-grid{grid-template-columns:1fr 1fr 1fr!important;gap:1rem!important}
  .receipt-lower-grid{grid-template-columns:1fr 1fr!important;gap:1.2rem!important}
  .receipt-stamps{grid-template-columns:1fr 1fr!important}
  .receipt-header{padding-top:1.2rem!important}
  .receipt-table-card th,.receipt-table-card td{padding:.7rem!important}
  a[href]:after{content:""!important}
}

/* Current update: live map and selected payment presentation */
.google-route-map{position:relative;height:420px;background:#eef2f7;overflow:hidden;border-radius:0 0 10px 10px}
.google-route-map iframe{width:100%;height:100%;border:0;display:block;filter:saturate(.95)}
.google-map-summary{position:absolute;left:16px;right:16px;bottom:16px;background:rgba(255,255,255,.94);border:1px solid #e5e7eb;border-radius:8px;padding:.75rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;box-shadow:0 8px 22px rgba(0,0,0,.14);font-weight:700}
.google-map-summary i{color:var(--dhl-red)}
.google-map-summary a{color:var(--dhl-red);font-weight:900}
.selected-payment-card{max-width:880px;margin:0 auto}
.payment-method-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid #e5e7eb;padding-bottom:1rem;margin-bottom:1.2rem}
.payment-method-heading img{max-width:140px;max-height:70px;object-fit:contain;background:#fff;border:1px solid #eef2f7;border-radius:6px;padding:.35rem}
.payment-kicker{display:block;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:900;color:#64748b;margin-bottom:.25rem}
.clean-payment-details.bank-pay-box{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;background:#f8fafc}
.clean-payment-details.bank-pay-box p{margin:0;background:#fff;border:1px solid #eef2f7;border-radius:6px;padding:.85rem;display:grid;gap:.25rem}
.clean-payment-details.bank-pay-box strong{color:#475569;font-size:.85rem}
.clean-payment-details.bank-pay-box span{font-size:1.05rem;font-weight:800;color:#111827;word-break:break-word}
.clean-payment-details.crypto-pay-box{background:#f8fafc;border:1px solid #eef2f7;border-radius:8px;padding:1rem;grid-template-columns:150px 1fr}
.clean-payment-details.crypto-pay-box img,.clean-payment-details.crypto-pay-box .fake-qr{width:140px;height:140px;border-radius:6px}
.clean-payment-details.crypto-pay-box p{margin:0 0 1rem}
.clean-payment-details.crypto-pay-box strong{color:#475569}
.payment-instructions{background:#fffdf5;border:1px solid #f3e7b3;border-radius:8px;padding:1rem;margin-top:1.2rem}
@media(max-width:767.98px){.google-route-map{height:360px}.google-map-summary{position:static;border-radius:0;box-shadow:none}.clean-payment-details.bank-pay-box{grid-template-columns:1fr}.clean-payment-details.crypto-pay-box{grid-template-columns:1fr}.payment-method-heading{align-items:flex-start;flex-direction:column}}

/* Payment receipt uploads and reliable media previews */
.receipt-upload-card{border-top:4px solid var(--dhl-red)}
.public-media-item img,.public-media-item video,.shipment-media-card img,.shipment-media-card video{background:#fff;object-fit:cover}
.public-media-item video,.shipment-media-card video{background:#111;object-fit:contain}
.media-load-error::after{content:'Media preview unavailable';display:block;padding:12px;font-size:.85rem;color:#6b7280}
.receipt-media-section{margin-top:24px}
.receipt-media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}
.receipt-media-item{border:1px solid #dbe3ec;border-radius:8px;overflow:hidden;background:#fff}
.receipt-media-item img,.receipt-media-item video{width:100%;height:135px;object-fit:cover;background:#fff;display:block}
.receipt-media-item video{background:#111;object-fit:contain}
.receipt-media-item span{display:block;padding:8px 10px;font-size:.8rem;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.receipt-thumb-link{display:inline-flex;align-items:center;gap:8px;color:var(--admin-teal,#0b4a59);font-weight:700}
.receipt-thumb{width:68px;height:52px;object-fit:cover;border:1px solid #dbe3ec;border-radius:4px;background:#fff}
.deposits-table{min-width:1150px}


/* Reliable public shipment media display */
.public-media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}
.public-media-item,.shipment-media-card,.receipt-media-item{background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 2px 10px rgba(0,0,0,.08);padding:10px;min-height:150px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.public-media-item img,.shipment-media-card img,.receipt-media-item img{display:block;width:100%;height:180px;object-fit:cover;background:#fff}
.public-media-item video,.shipment-media-card video,.receipt-media-item video{display:block;width:100%;max-height:220px;background:#000}
.parcel-image-wrap{background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}
.parcel-image-wrap img{display:block;width:100%;height:100%;min-height:260px;object-fit:cover;background:#fff}
.media-missing{width:100%;min-height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;color:#6b7280;background:#f8fafc;border:1px dashed #cbd5e1;padding:16px;font-size:.9rem}
.media-missing i{font-size:2rem;color:#94a3b8}


/* Theme-colored WhatsApp/live chat floating button */
.footer-whatsapp-link {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  color: var(--dhl-red) !important;
  text-decoration: none !important;
  margin: 0 !important;
}
.footer-whatsapp-link i { font-size: 1.3rem; }
.site-chat-float-button {
  position: fixed;
  right: 22px;
  bottom: 24px;
  z-index: 9999;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: var(--dhl-red);
  color: #fff !important;
  padding: 13px 18px;
  border-radius: 999px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: 800;
  text-decoration: none !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.22);
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.site-chat-float-button:hover {
  background: #a90000;
  color: #fff !important;
  transform: translateY(-3px);
  box-shadow: 0 12px 28px rgba(0,0,0,.28);
}
.site-chat-float-button-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  background: var(--dhl-yellow);
  color: var(--dhl-dark);
  border-radius: 50%;
  font-size: 17px;
  line-height: 1;
}
.site-chat-float-button-text { line-height: 1; white-space: nowrap; }
@media (max-width: 576px) {
  .site-chat-float-button { right: 16px; bottom: 18px; padding: 12px 15px; font-size: 14px; }
  .site-chat-float-button-text { display: none; }
  .site-chat-float-button-icon { width: 30px; height: 30px; font-size: 18px; }
}