/* PDF PNG Converter Homepage Styles */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    --sky-blue: #87CEEB;
    --dark-blue: #4A90E2;
    --light-blue: #E0F6FF;
    --bright-yellow: #FFD700;
    --dark-yellow: #FFC700;
    --white: #FFFFFF;
    --text-dark: #2C3E50;
    --light-gray: #F5F5F5;
    --success-green: #4CAF50;
    --error-red: #f44336;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
    background: linear-gradient(135deg, var(--light-blue) 0%, var(--white) 100%);
    color: var(--text-dark);
    line-height: 1.6;
}

.pdf-png-converter-wrapper {
    background: linear-gradient(135deg, var(--light-blue) 0%, var(--white) 100%);
    padding: 2rem;
    min-height: 100vh;
}

.converter-section {
    background: var(--white);
    border-radius: 15px;
    padding: 2rem;
    margin: 2rem 0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.section-title {
    font-size: 2rem;
    color: var(--dark-blue);
    margin-bottom: 2rem;
    text-align: center;
    border-bottom: 3px solid var(--bright-yellow);
    padding-bottom: 1rem;
}

.converter-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    margin-bottom: 2rem;
}

.converter-card {
    background: linear-gradient(135deg, var(--light-blue) 0%, var(--white) 100%);
    border: 2px solid var(--sky-blue);
    border-radius: 12px;
    padding: 2rem;
    text-align: center;
    transition: all 0.3s ease;
}

.converter-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(74, 144, 226, 0.2);
    border-color: var(--bright-yellow);
}

.converter-card h3 {
    color: var(--dark-blue);
    margin-bottom: 1rem;
    font-size: 1.5rem;
}

.converter-card p {
    color: var(--text-dark);
    margin-bottom: 1.5rem;
}

.file-input-wrapper {
    margin: 1.5rem 0;
}

.file-input-wrapper input[type="file"] {
    display: none;
}

.file-input-label {
    display: inline-block;
    background: var(--sky-blue);
    color: var(--white);
    padding: 0.8rem 1.5rem;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-weight: 500;
}

.file-input-label:hover {
    background: var(--dark-blue);
    transform: scale(1.05);
}

.file-name {
    margin-top: 0.5rem;
    color: var(--dark-blue);
    font-size: 0.9rem;
    font-weight: 500;
}

.convert-button {
    background: var(--bright-yellow);
    color: var(--text-dark);
    padding: 0.8rem 2rem;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    font-weight: bold;
    transition: all 0.3s ease;
    width: 100%;
    font-size: 1rem;
}

.convert-button:hover:not(:disabled) {
    background: var(--dark-yellow);
    transform: scale(1.02);
}

.convert-button:disabled {
    background: #ccc;
    cursor: not-allowed;
    transform: none;
}

.download-button {
    background: var(--dark-blue);
    color: var(--white);
    padding: 0.8rem 2rem;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    font-weight: bold;
    transition: all 0.3s ease;
    width: 100%;
    font-size: 1rem;
    margin-top: 1rem;
    display: none;
}

.download-button:hover {
    background: var(--sky-blue);
}

.download-button.show {
    display: block;
}

.progress-bar {
    width: 100%;
    height: 6px;
    background: #e0e0e0;
    border-radius: 3px;
    margin: 1rem 0;
    overflow: hidden;
    display: none;
}

.progress-bar.show {
    display: block;
}

.progress-fill {
    height: 100%;
    background: linear-gradient(90deg, var(--sky-blue), var(--bright-yellow));
    width: 0%;
    transition: width 0.3s ease;
}

.alert {
    padding: 1rem;
    border-radius: 8px;
    margin: 1rem 0;
    display: none;
}

.alert.show {
    display: block;
}

.alert.success {
    background: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

.alert.error {
    background: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

.products-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 2rem;
    margin-bottom: 2rem;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.product-card {
    background: linear-gradient(135deg, var(--light-blue) 0%, var(--white) 100%);
    border: 2px solid var(--sky-blue);
    border-radius: 12px;
    overflow: hidden;
    transition: all 0.3s ease;
}

.product-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 25px rgba(74, 144, 226, 0.2);
    border-color: var(--bright-yellow);
}

.product-image {
    width: 100%;
    height: 200px;
    background: linear-gradient(135deg, var(--sky-blue) 0%, var(--dark-blue) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3rem;
    color: var(--white);
}

.product-info {
    padding: 1.5rem;
}

.product-name {
    font-size: 1.2rem;
    color: var(--dark-blue);
    margin-bottom: 0.5rem;
    font-weight: bold;
}

.product-description {
    font-size: 0.9rem;
    color: var(--text-dark);
    margin-bottom: 1rem;
}

.product-price {
    font-size: 1.5rem;
    color: var(--bright-yellow);
    font-weight: bold;
    margin-bottom: 1rem;
}

.product-actions {
    display: flex;
    gap: 0.5rem;
}

.add-to-cart-btn,
.visit-link-btn {
    flex: 1;
    padding: 0.8rem;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    font-weight: bold;
    transition: all 0.3s ease;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.add-to-cart-btn {
    background: var(--bright-yellow);
    color: var(--text-dark);
}

.add-to-cart-btn:hover {
    background: var(--dark-yellow);
    transform: scale(1.02);
}

.visit-link-btn {
    background: var(--dark-blue);
    color: var(--white);
}

.visit-link-btn:hover {
    background: var(--sky-blue);
}

.visit-link-btn:disabled {
    background: #ccc;
    cursor: not-allowed;
}

.cart-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1000;
    align-items: center;
    justify-content: center;
}

.cart-modal.show {
    display: flex;
}

.cart-content {
    background: var(--white);
    border-radius: 15px;
    padding: 2rem;
    max-width: 500px;
    width: 90%;
    max-height: 80vh;
    overflow-y: auto;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
}

.cart-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    border-bottom: 2px solid var(--bright-yellow);
    padding-bottom: 1rem;
}

.cart-header h2 {
    color: var(--dark-blue);
}

.close-btn {
    background: none;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    color: var(--text-dark);
}

.cart-items {
    margin-bottom: 1.5rem;
}

.cart-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    background: var(--light-gray);
    border-radius: 8px;
    margin-bottom: 0.5rem;
}

.cart-item-info {
    flex: 1;
}

.cart-item-name {
    font-weight: bold;
    color: var(--dark-blue);
}

.cart-item-price {
    color: var(--bright-yellow);
    font-weight: bold;
}

.remove-item-btn {
    background: #ff6b6b;
    color: var(--white);
    border: none;
    padding: 0.4rem 0.8rem;
    border-radius: 4px;
    cursor: pointer;
    font-size: 0.8rem;
}

.cart-total {
    background: linear-gradient(135deg, var(--light-blue) 0%, var(--white) 100%);
    padding: 1rem;
    border-radius: 8px;
    margin-bottom: 1.5rem;
    border: 2px solid var(--sky-blue);
}

.cart-total-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.5rem;
}

.cart-total-row.final {
    font-size: 1.3rem;
    font-weight: bold;
    color: var(--dark-blue);
    border-top: 2px solid var(--bright-yellow);
    padding-top: 0.5rem;
}

.checkout-button {
    width: 100%;
    background: var(--dark-blue);
    color: var(--white);
    padding: 1rem;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    font-weight: bold;
    font-size: 1rem;
    transition: all 0.3s ease;
}

.checkout-button:hover {
    background: var(--sky-blue);
    transform: scale(1.02);
}

.empty-cart {
    text-align: center;
    color: var(--text-dark);
    padding: 2rem;
}

@media (max-width: 768px) {
    .converter-grid {
        grid-template-columns: 1fr;
    }

    .products-grid {
        grid-template-columns: 1fr;
    }

    .product-actions {
        flex-direction: column;
    }

    .cart-content {
        width: 95%;
    }

    .section-title {
        font-size: 1.5rem;
    }

    .converter-section {
        padding: 1rem;
    }
}

/* Converter-first homepage layout */
.converter-header{background:linear-gradient(135deg,#87CEEB,#4A90E2);color:#fff;padding:1.1rem 2rem;box-shadow:0 3px 12px rgba(44,62,80,.14)}
.header-inner{max-width:1280px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{color:#FFD700;text-decoration:none;font-size:1.45rem;font-weight:800}.brand span{display:inline-block;font-size:1.8rem;margin-right:.45rem}.top-nav{display:flex;align-items:center;gap:1rem}.top-nav a{color:#fff;text-decoration:none;font-weight:700}.cart-trigger{border:1px solid rgba(255,255,255,.6);background:#FFD700;color:#2C3E50;border-radius:999px;padding:.55rem 1rem;font-weight:800;cursor:pointer}.cart-trigger span{display:inline-flex;min-width:22px;height:22px;align-items:center;justify-content:center;background:#2C3E50;color:#fff;border-radius:50%;font-size:.75rem;margin-left:.25rem}.homepage-layout{max-width:1280px;margin:auto;display:grid;grid-template-columns:240px minmax(0,1fr);gap:1.5rem;padding:1.5rem}.homepage-main{min-width:0}.shop-sidebar{padding-top:2rem}.sidebar-sticky{position:sticky;top:1rem;background:#fff;border:2px solid #87CEEB;border-radius:15px;padding:1.4rem;box-shadow:0 4px 15px rgba(0,0,0,.08)}.sidebar-badge,.eyebrow{color:#4A90E2;font-size:.75rem;font-weight:900;letter-spacing:.12em}.sidebar-sticky h2{color:#2C3E50;font-size:1.35rem;margin:.55rem 0}.sidebar-sticky p{font-size:.92rem;margin-bottom:1.2rem}.sidebar-shop-link,.hero-shop-link{display:inline-flex;align-items:center;justify-content:space-between;gap:.8rem;background:#FFD700;color:#2C3E50;text-decoration:none;font-weight:800;border-radius:8px;padding:.75rem 1rem}.sidebar-note{font-size:.75rem;color:#687684;margin-top:1rem}.hero-section{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;background:#fff;border-radius:15px;padding:2.2rem;box-shadow:0 4px 15px rgba(0,0,0,.1);margin:2rem 0}.hero-copy{max-width:700px}.hero-copy h1{color:#2C3E50;font-size:clamp(2rem,4vw,3.4rem);line-height:1.1;margin:.55rem 0 1rem}.hero-copy p{font-size:1.1rem;color:#526171;margin-bottom:1.3rem}.hero-mark{background:linear-gradient(135deg,#4A90E2,#87CEEB);color:#fff;border-radius:20px;padding:1.4rem 1.6rem;text-align:center;font-weight:900;font-size:1.7rem;line-height:1.05;box-shadow:8px 8px 0 #FFD700}.hero-mark span{color:#FFD700}.section-description,.blog-copy{text-align:center;max-width:760px;margin:-1rem auto 1.5rem;color:#526171}.blog-section{background:#fff;border-radius:15px;padding:2rem;margin:2rem 0;box-shadow:0 4px 15px rgba(0,0,0,.1)}.product-image img{width:100%;height:100%;object-fit:cover}.product-thumb{width:52px;height:42px;object-fit:cover;border-radius:6px}.table-icon{font-size:1.5rem}@media(max-width:850px){.homepage-layout{grid-template-columns:1fr;padding:1rem}.shop-sidebar{order:2;padding-top:0}.sidebar-sticky{position:static}.hero-section{padding:1.5rem}.hero-mark{display:none}}@media(max-width:560px){.converter-header{padding:1rem}.header-inner{align-items:flex-start}.top-nav{gap:.5rem;font-size:.85rem}.top-nav a:first-child{display:none}.hero-copy h1{font-size:2rem}}
.expanded-converter-grid .converter-card{padding:1.35rem}.expanded-converter-grid .converter-card h3{font-size:1.18rem}.expanded-converter-grid .converter-card p{font-size:.9rem;min-height:45px}.tool-status{display:none;margin-top:.8rem;padding:.55rem;border-radius:6px;font-size:.82rem}.tool-status.show{display:block}.tool-status.success{background:#d4edda;color:#155724}.tool-status.error{background:#f8d7da;color:#721c24}.converter-disclaimer{max-width:900px;margin:0 auto;color:#687684;font-size:.8rem;text-align:center}


/* Modern midnight + indigo visual refresh */
:root{--sky-blue:#78c8e8;--dark-blue:#5146c8;--light-blue:#f1f4ff;--bright-yellow:#ffbd69;--dark-yellow:#f29b44;--white:#fff;--text-dark:#17233c;--light-gray:#f2f4f9;--success-green:#138a67;--error-red:#c8485a;--brand-ink:#111a2e;--brand-indigo:#5146c8;--brand-teal:#19a895;--brand-lilac:#e9e7ff;--brand-peach:#fff0df}
body,.pdf-png-converter-wrapper{background:linear-gradient(145deg,#f5f7ff 0%,#eef8fb 52%,#fff8ef 100%);color:var(--text-dark)}
.pdf-png-converter-wrapper{padding:1.25rem}
.converter-header{background:linear-gradient(110deg,#111a2e 0%,#34357e 58%,#5146c8 100%);box-shadow:0 8px 30px rgba(31,38,87,.2)}
.brand{color:#fff}.brand span{color:#7be0d0}.top-nav a{transition:color .2s}.top-nav a:hover{color:#91eee0}.cart-trigger{background:#7be0d0;color:#111a2e;border:0}
.homepage-layout{gap:1.35rem}.sidebar-sticky{border:1px solid #e2e6f2;box-shadow:0 14px 38px rgba(31,44,83,.09)}
.sidebar-badge,.eyebrow{color:#5146c8}.sidebar-shop-link,.hero-shop-link{background:linear-gradient(100deg,#6557db,#5146c8);color:#fff;box-shadow:0 6px 16px rgba(81,70,200,.2);transition:transform .2s,box-shadow .2s}.sidebar-shop-link:hover,.hero-shop-link:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(81,70,200,.28)}
.hero-section,.converter-section,.blog-section{border:1px solid rgba(216,223,241,.85);box-shadow:0 14px 40px rgba(31,44,83,.08)}.hero-section{background:radial-gradient(ellipse at 90% 10%,#e9e7ff 0,transparent 42%),#fff}.hero-copy h1{color:#17233c}.hero-mark{background:linear-gradient(145deg,#5146c8,#222a64);box-shadow:8px 8px 0 #76daca}.hero-mark span{color:#8ce5d7}
.section-title{color:#332f83;border-bottom-color:#77d8cc}.converter-card{background:linear-gradient(145deg,#fff,#f3f5ff);border:1px solid #dce1f3;box-shadow:0 6px 18px rgba(31,44,83,.045)}.converter-card:hover{border-color:#766be0;box-shadow:0 14px 30px rgba(81,70,200,.13)}.converter-card h3{color:#353486}.file-input-label{background:#e8e6ff;color:#3c368f}.file-input-label:hover{background:#5146c8;color:#fff}.convert-button{background:linear-gradient(100deg,#5146c8,#6d5ee0);color:#fff;box-shadow:0 5px 13px rgba(81,70,200,.18)}.convert-button:hover:not(:disabled){background:linear-gradient(100deg,#4035b2,#5b4dce)}.download-button{background:#148e83}.download-button:hover{background:#08786f}.progress-fill{background:linear-gradient(90deg,#5146c8,#20b39e)}
.shop-section{margin:2rem 0;padding:2rem;background:linear-gradient(145deg,#111a2e,#222c49);border:1px solid #303c5e;border-radius:22px;box-shadow:0 18px 42px rgba(17,26,46,.17)}.shop-section .section-title{color:#fff;border-bottom-color:#30b9a3}.shop-section .section-description{color:#c4cbe0}
.products-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.15rem}.product-card{background:#fff;border:1px solid rgba(255,255,255,.13);border-radius:18px;box-shadow:0 10px 25px rgba(4,10,28,.19);transition:transform .25s,box-shadow .25s,border-color .25s}.product-card:hover{transform:translateY(-5px);border-color:#8f86ed;box-shadow:0 17px 34px rgba(4,10,28,.29)}.product-image{height:172px;background:linear-gradient(145deg,#dcd9ff,#a8e7df 58%,#fce1c3);color:#373588;font-size:3.25rem;position:relative;overflow:hidden}.product-image:after{content:'';position:absolute;inset:auto 0 0;height:38%;background:linear-gradient(transparent,rgba(19,28,53,.13));pointer-events:none}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.product-card:hover .product-image img{transform:scale(1.045)}.product-info{padding:1.15rem 1.2rem 1.25rem}.product-name{color:#1b2640;font-size:1.13rem}.product-description{color:#68738a;min-height:2.7em;margin-bottom:1rem}.product-actions{display:block}.product-choice-btn,.visit-link-btn{width:100%;min-height:42px;background:linear-gradient(100deg,#5146c8,#6358d5);color:#fff;border:0;border-radius:10px;padding:.72rem 1rem;font:inherit;font-weight:750;text-decoration:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .18s,background .18s,box-shadow .18s}.product-choice-btn:hover,.visit-link-btn:hover{transform:translateY(-1px);background:linear-gradient(100deg,#4035b2,#5146c8);box-shadow:0 6px 14px rgba(81,70,200,.22)}.product-choice-btn.is-selected{background:linear-gradient(100deg,#128c7e,#19a895)}.product-choice-btn:focus-visible,.visit-link-btn:focus-visible,.convert-button:focus-visible,.file-input-label:focus-visible{outline:3px solid #ffbd69;outline-offset:3px}.product-price,.add-to-cart-btn{display:none!important}
.converter-faq{background:#fff;border:1px solid #e1e5f1;border-radius:18px;padding:1.6rem;margin:1.5rem 0;box-shadow:0 12px 30px rgba(31,44,83,.06)}.converter-faq .faq-item{padding:1rem 0;border-bottom:1px solid #edf0f6}.converter-faq .faq-item:last-child{border:0}.converter-faq h3{color:#343486;margin-bottom:.35rem}.converter-faq p{color:#56627a}
@media(max-width:768px){.pdf-png-converter-wrapper{padding:.7rem}.shop-section{padding:1.2rem;border-radius:17px}.products-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.85rem}.product-image{height:155px}}
@media(max-width:460px){.products-grid{grid-template-columns:1fr}.product-image{height:190px}.shop-section .section-title{font-size:1.45rem}}


/* Compact charcoal copyright footer matching the supplied reference */
.site-footer{width:100%;background:#292a2f;color:#d5d6da;padding:.95rem 1.25rem;font-size:.8rem;line-height:1.5;text-align:center}
.site-footer-inner{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:.38rem;flex-wrap:wrap}
.site-footer-title{font-weight:600;color:#f1f1f3}
.site-footer .blog-copy{display:inline;margin:0;max-width:none;text-align:center;color:#d5d6da;font-size:inherit}
.site-footer a{color:#d5d6da;text-decoration:none}
.site-footer a:hover{text-decoration:underline;text-underline-offset:2px;color:#fff}
.site-footer a:focus-visible{outline:2px solid #78daca;outline-offset:3px;border-radius:2px}
@media(max-width:520px){.site-footer{padding:.85rem 1rem}.site-footer-inner{gap:.25rem .35rem}}


/* Readable explanatory content for searchers and visitors */
.conversion-guide{max-width:1200px;margin:1.5rem auto;padding:clamp(1.25rem,3vw,2.25rem);background:#fff;border:1px solid #dce3f2;border-radius:18px;box-shadow:0 12px 32px rgba(31,44,83,.07);color:#4f5b73;line-height:1.75}
.conversion-guide h2{margin:0 0 1rem;color:#332f83;font-size:clamp(1.45rem,2.4vw,1.9rem);line-height:1.25}
.conversion-guide h3{margin:1.35rem 0 .35rem;color:#353486;font-size:1.08rem;line-height:1.35}
.conversion-guide p{max-width:88ch;margin:0 0 .85rem;color:#56627a}
.conversion-guide p:last-child{margin-bottom:0}
@media(max-width:600px){.conversion-guide{padding:1.1rem;margin:1rem 0;border-radius:14px}.conversion-guide h3{font-size:1rem}}