/* PDF COMPRESSOR - MATCHED TO ONETOOLBOX IMAGE COMPRESSOR */
.tool-hero{padding:18px 0 18px;text-align:center}
.tool-hero h1{margin:0 0 6px;font-size:40px;color:#0f172a;font-weight:800}
.tool-hero p{max-width:760px;margin:auto;color:#64748b;font-size:17px;line-height:1.6}
.compress-box{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}
.compress-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:20px;box-shadow:0 7px 24px rgba(15,23,42,.06)}
.compress-card h3{margin:0 0 16px;color:#0f172a;font-size:19px}
.upload-area{min-height:360px;border:2px dashed #cbd5e1;border-radius:14px;background:#f8fafc;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:18px;box-sizing:border-box;transition:.2s}
.upload-area.dragover{border-color:#2563eb;background:#eff6ff}
.upload-area>i{font-size:55px;color:#2563eb;margin-bottom:12px}
.upload-area h4{margin:0 0 7px;color:#334155;font-size:18px}
.upload-area p{margin:0 0 16px;color:#64748b;font-size:13px;line-height:1.8}
.pdf-page-preview{max-width:100%;max-height:235px;background:#fff;box-shadow:0 4px 15px rgba(15,23,42,.14);margin-bottom:12px}
.choose-btn{display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:0 16px;border-radius:9px;background:#2563eb;color:#fff;font-weight:800;font-size:13px;cursor:pointer}
.choose-btn input{display:none}
.btn-reset{margin-top:9px;min-height:39px;padding:0 15px;border:1px solid #cbd5e1;border-radius:9px;background:#fff;color:#475569;font-weight:800;cursor:pointer}
.btn-reset:hover{background:#f8fafc}
.info{display:flex;justify-content:space-between;gap:10px;margin-top:10px;padding:9px 11px;border-radius:9px;background:#f8fafc;color:#64748b;font-size:12px}
.info b{color:#0f172a}
.size-options{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:9px 0 12px}
.size-btn{position:relative;cursor:pointer}
.size-btn input{position:absolute;opacity:0}
.size-btn span{display:flex;align-items:center;justify-content:center;min-height:42px;border:1px solid #cbd5e1;border-radius:9px;background:#fff;color:#475569;font-size:12px;font-weight:800}
.size-btn input:checked+span{border-color:#2563eb;background:#eff6ff;color:#2563eb;box-shadow:0 0 0 2px rgba(37,99,235,.08)}
#customSize{width:100%;height:40px;box-sizing:border-box;padding:0 10px;border:1px solid #cbd5e1;border-radius:9px;outline:none;margin-bottom:12px}
.quality-row{margin:14px 0}
.quality-row label{display:block;margin-bottom:7px;color:#475569;font-size:12px;font-weight:800}
.quality-value{float:right;margin-top:-27px;color:#2563eb;font-weight:800;font-size:12px}
#quality{width:100%;height:24px;margin:4px 0 0;display:block;cursor:pointer;accent-color:#2563eb;-webkit-appearance:none;appearance:none;background:transparent}
#quality::-webkit-slider-runnable-track{height:7px;border-radius:99px;background:linear-gradient(to right,#2563eb 0%,#2563eb 75%,#dbe4f0 75%,#dbe4f0 100%)}
#quality::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;margin-top:-6.5px;border:3px solid #fff;border-radius:50%;background:#2563eb;box-shadow:0 2px 8px rgba(37,99,235,.35);cursor:pointer}
#quality::-moz-range-track{height:7px;border-radius:99px;background:#dbe4f0}
#quality::-moz-range-progress{height:7px;border-radius:99px;background:#2563eb}
#quality::-moz-range-thumb{width:16px;height:16px;border:3px solid #fff;border-radius:50%;background:#2563eb;box-shadow:0 2px 8px rgba(37,99,235,.35);cursor:pointer}
.btn{width:100%;min-height:44px;border:0;border-radius:9px;font-weight:800;cursor:pointer}
.btn-primary{background:#2563eb;color:#fff}.btn-primary:hover{background:#1d4ed8}.btn-primary:disabled{opacity:.45;cursor:not-allowed}
.btn-success{background:#16a34a;color:#fff;margin-top:10px}.btn-success:hover{background:#15803d}.btn-success:disabled{opacity:.45;cursor:not-allowed}
.progress-box{margin-top:15px;display:flex;align-items:center;gap:9px}
.progress{height:8px;flex:1;background:#e2e8f0;border-radius:99px;overflow:hidden}
.progress>div{width:0;height:100%;background:#2563eb;border-radius:99px;transition:width .2s}
#progressText{min-width:35px;text-align:right;color:#2563eb;font-size:11px;font-weight:800}
.status-text{margin:10px 0 0;text-align:center;color:#64748b;font-size:11px}
.image-preview{min-height:360px;border-radius:14px;background:#e2e8f0;display:flex;align-items:center;justify-content:center;overflow:auto;padding:15px;box-sizing:border-box}
.image-preview canvas{max-width:100%;height:auto;background:#fff;box-shadow:0 4px 16px rgba(15,23,42,.15)}
#compressedEmpty{text-align:center;color:#94a3b8}
#compressedEmpty i{font-size:55px;color:#cbd5e1}
#compressedEmpty p{font-size:12px}
.content-section{padding:38px 0}
.compact-section{padding-top:28px;padding-bottom:28px}
.content-heading{text-align:center;margin-bottom:22px}
.content-heading h2{margin:0;color:#0f172a;font-size:27px}
.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.info-card{padding:20px;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 6px 20px rgba(15,23,42,.05)}
.step-number{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#2563eb;color:#fff;font-weight:800;margin-bottom:12px}
.info-card h3{margin:0 0 6px;color:#0f172a;font-size:16px}.info-card p{margin:0;color:#64748b;font-size:13px;line-height:1.6}
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.feature-mini{display:flex;align-items:center;gap:13px;padding:18px;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 6px 20px rgba(15,23,42,.05)}
.feature-mini>i{width:45px;height:45px;flex:0 0 45px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#eff6ff;color:#2563eb;font-size:18px}
.feature-mini h3{margin:0 0 4px;font-size:15px;color:#0f172a}.feature-mini p{margin:0;color:#64748b;font-size:12px;line-height:1.5}
.privacy-card{display:flex;gap:15px;padding:22px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:18px}
.privacy-icon{width:50px;height:50px;flex:0 0 50px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#dcfce7;color:#16a34a;font-size:20px}
.privacy-card h2{margin:0 0 6px;color:#166534;font-size:20px}.privacy-card p{margin:0;color:#166534;font-size:13px;line-height:1.6}
.faq-list{max-width:900px;margin:auto}.faq-list details{margin-bottom:10px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.faq-list summary{padding:16px 18px;cursor:pointer;color:#0f172a;font-weight:700}.faq-list details p{margin:0;padding:0 18px 17px;color:#64748b;font-size:13px;line-height:1.7}
@media(max-width:950px){.compress-box{grid-template-columns:1fr 1fr}.compress-card:last-child{grid-column:1/-1}.feature-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.tool-hero{padding:30px 15px 22px}.tool-hero h1{font-size:30px}.compress-box{grid-template-columns:1fr}.compress-card:last-child{grid-column:auto}.upload-area,.image-preview{min-height:290px}.info-grid,.feature-grid{grid-template-columns:1fr}.compress-card{padding:14px}}

/* Compact top spacing */
.page.page-offset{
  padding-top:0 !important;
}
@media(max-width:650px){
  .tool-hero{padding:14px 12px 14px}
}