/**
 * GPP Sale Items Page
 * gpp-sale.css
 */

/* FULL WIDTH */
.page-id-18078 .entry-content,
.page-id-18078 .site-content,
.page-id-18078 .content-area,
.page-id-18078 #content,
.page-id-18078 .ast-container,
.page-id-18078 .container,
.page-id-18078 article,
.page-id-18078 .post-inner {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

.page-id-18078 .site-content,
.page-id-18078 #content { padding-top: 0 !important; margin-top: 0 !important; }

.page-id-18078 .entry-title,
.page-id-18078 .ast-breadcrumbs-wrapper,
.page-id-18078 .page-header { display: none !important; }

.page-id-18078 .gpp-page-wrap {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
}

/* PAGE HEADER */
.gpp-sale .gpp-page-header {
    background: #0D1B2A; padding: 2.5rem 2rem 2rem;
    position: relative; overflow: hidden;
}
.gpp-sale .gpp-page-header::before {
    content: ''; position: absolute; right: -40px; top: -40px;
    width: 400px; height: 400px;
    border: 60px solid rgba(244,128,26,0.06); border-radius: 50%;
}
.gpp-sale .gpp-page-header-inner { max-width: 1200px; margin: 0 auto; position: relative; z-index: 1; }
.gpp-sale .gpp-page-eyebrow { font-size: .72rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: #F4801A; margin-bottom: .4rem; font-family: 'Barlow', sans-serif; }
.gpp-sale .gpp-page-title { font-family: 'Barlow Condensed', sans-serif !important; font-size: 2.8rem !important; font-weight: 800 !important; text-transform: uppercase; color: #fff !important; line-height: 1 !important; margin: 0 0 .5rem !important; padding: 0 !important; border: none !important; }
.gpp-sale .gpp-page-sub { color: rgba(255,255,255,.5); font-size: .9rem; max-width: 600px; font-family: 'Barlow', sans-serif; line-height: 1.6; margin-bottom: 1.25rem; }
.gpp-sale .gpp-page-sub strong { color: #fff; }
.gpp-sale .gpp-breadcrumb { display: flex; align-items: center; gap: 8px; font-size: .75rem; color: rgba(255,255,255,.35); font-family: 'Barlow', sans-serif; }
.gpp-sale .gpp-breadcrumb a { color: rgba(255,255,255,.35); text-decoration: none !important; }
.gpp-sale .gpp-breadcrumb a:hover { color: #F4801A; }

/* LAYOUT */
.gpp-sale-outer { background: #F4F6F9; padding: 2rem 2rem 4rem; }
.gpp-sale-inner { max-width: 1200px; margin: 0 auto; }

/* TOOLBAR */
.gpp-sale-toolbar { display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.5rem; flex-wrap: wrap; gap: .5rem; }
.gpp-results-text { font-family: 'Barlow', sans-serif; font-size: .85rem; color: #4A5568; }
.gpp-results-text strong { color: #0D1B2A; }
.gpp-instock-count { display: inline-block; background: #EAF5EE; color: #1A6B3A; font-weight: 700; font-size: .78rem; padding: 2px 8px; border-radius: 3px; font-family: 'Barlow', sans-serif; }
.gpp-backorder-count { display: inline-block; background: #FFF3EA; color: #C0600E; font-weight: 700; font-size: .78rem; padding: 2px 8px; border-radius: 3px; font-family: 'Barlow', sans-serif; }
.gpp-lookup-link { font-size: .82rem; font-weight: 700; color: #F4801A; text-decoration: none !important; font-family: 'Barlow', sans-serif; }
.gpp-lookup-link:hover { color: #C0600E; }

/* SALE GRID */
.gpp-sale-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.25rem;
}

/* PRODUCT CARD */
.gpp-sale .gpp-product-card { background: #fff; border: 1.5px solid #E8EDF2; border-radius: 8px; overflow: hidden; transition: border-color .2s, transform .2s; display: flex; flex-direction: column; }
.gpp-sale .gpp-product-card:hover { border-color: #F4801A; transform: translateY(-3px); }

.gpp-sale .gpp-product-img-wrap { display: flex; align-items: center; justify-content: center; height: 180px; background: #F4F6F9; border-bottom: 1px solid #E8EDF2; position: relative; overflow: hidden; text-decoration: none !important; }
.gpp-sale .gpp-product-img-wrap img { width: 100%; height: 100%; object-fit: contain; padding: 1rem; transition: transform .2s; }
.gpp-sale .gpp-product-card:hover .gpp-product-img-wrap img { transform: scale(1.04); }
.gpp-sale .gpp-product-no-img { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }

.gpp-sale .gpp-product-badge { position: absolute; top: 10px; left: 10px; font-size: .6rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; padding: 4px 9px; border-radius: 3px; font-family: 'Barlow', sans-serif; }
.gpp-sale .gpp-badge-stock { background: #1A6B3A; color: #fff; }
.gpp-sale .gpp-badge-order { background: #F4801A; color: #fff; }

.gpp-sale-saving-badge { position: absolute; top: 10px; right: 10px; background: #B91C1C; color: #fff; font-size: .65rem; font-weight: 800; padding: 4px 8px; border-radius: 3px; font-family: 'Barlow', sans-serif; letter-spacing: .05em; }

.gpp-sale .gpp-product-body { padding: 1rem; display: flex; flex-direction: column; flex: 1; }
.gpp-sale .gpp-product-title { font-family: 'Barlow Condensed', sans-serif; font-size: 1rem; font-weight: 700; text-transform: uppercase; color: #0D1B2A; line-height: 1.2; margin-bottom: .5rem; text-decoration: none !important; display: block; }
.gpp-sale .gpp-product-title:hover { color: #F4801A; }

.gpp-sale-price-block { display: flex; align-items: baseline; gap: .5rem; margin-bottom: .75rem; }
.gpp-sale-price-now { font-family: 'Barlow Condensed', sans-serif; font-size: 1.2rem; font-weight: 800; color: #1A6B3A; }
.gpp-sale-price-was { font-family: 'Barlow', sans-serif; font-size: .85rem; color: #4A5568; text-decoration: line-through; }

.gpp-sale .gpp-product-footer { margin-top: auto; }
.gpp-sale .gpp-add-to-cart-btn { display: block; width: 100%; background: #F4801A; color: #fff !important; padding: 9px; border-radius: 4px; font-family: 'Barlow', sans-serif; font-weight: 700; font-size: .82rem; text-align: center; text-decoration: none !important; transition: background .15s; box-sizing: border-box; }
.gpp-sale .gpp-add-to-cart-btn:hover { background: #C0600E; }
.gpp-sale .gpp-btn-backorder { display: block; width: 100%; background: transparent; color: #F4801A !important; border: 1.5px solid #F4801A; padding: 8px; border-radius: 4px; font-family: 'Barlow', sans-serif; font-weight: 700; font-size: .82rem; text-align: center; text-decoration: none !important; transition: all .15s; box-sizing: border-box; }
.gpp-sale .gpp-btn-backorder:hover { background: #F4801A; color: #fff !important; }

/* NO PRODUCTS */
.gpp-no-products { padding: 4rem 2rem; text-align: center; background: #fff; border-radius: 8px; border: 1px solid #E8EDF2; }
.gpp-no-products-title { font-family: 'Barlow Condensed', sans-serif; font-size: 1.4rem; font-weight: 800; text-transform: uppercase; color: #0D1B2A; margin-bottom: .5rem; }
.gpp-no-products-text { font-size: .875rem; color: #4A5568; max-width: 400px; margin: 0 auto 1.5rem; line-height: 1.6; font-family: 'Barlow', sans-serif; }
.gpp-btn-accent { display: inline-block; background: #F4801A; color: #fff !important; padding: 11px 24px; border-radius: 5px; font-family: 'Barlow', sans-serif; font-weight: 700; font-size: .875rem; text-decoration: none !important; transition: background .2s; }
.gpp-btn-accent:hover { background: #C0600E; }

/* RESPONSIVE */
@media (max-width: 1024px) { .gpp-sale-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 768px) { .gpp-sale-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 480px) { .gpp-sale-outer { padding: 1.5rem 1rem 2rem; } .gpp-sale .gpp-page-header { padding: 2rem 1rem; } .gpp-sale-grid { grid-template-columns: 1fr; } }