/* ==========================================================
   Product Card 17 — Highlight Marker
   ========================================================== */
.ahpc17-section {
    --ahpc17-brand: #185FA5;
    --ahpc17-brand-dark: #042C53;
    --ahpc17-sale: #A32D2D;
    --ahpc17-soft: #f4f3f0;
    --ahpc17-line: #E5E1DB;
    --ahpc17-text: #1c1917;
    --ahpc17-muted: #78716c;
    --ahpc17-card: #ffffff;
    --ahpc17-marker:#FAC775;--ahpc17-markerink:#412402;--ahpc17-radius:18px;
    max-width: 1200px;
    margin: 0 auto;
    padding: 1px 16px 70px;
    font-family: "Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;
}
.ahpc17-section * { box-sizing: border-box; }
.ahpc17-intro { margin: 10px 0 0; max-width: 520px; font-size: 15px; color: #6b635b; }
.ahpc17-all, .ahpc17-all:hover, .ahpc17-all:focus { white-space: nowrap; font-size: 14px; font-weight: 600; color: var(--ahpc17-text); text-decoration: none; border-bottom: 2px solid var(--ahpc17-text); padding-bottom: 2px; }
.ahpc17-head:not(.ahpc17-head--split) .ahpc17-all { display: inline-block; margin-top: 14px; }
.ahpc17-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px; }
.ahpc17-card { position: relative; display: flex; flex-direction: column; min-width: 0; }
.ahpc17-img { display: block; position: relative; aspect-ratio: 1; overflow: hidden; }
.ahpc17-section .ahpc17-img img { width: 100%; height: 100%; max-width: none; margin: 0; object-fit: cover; display: block; border-radius: 0; transition: transform .6s ease; backface-visibility: hidden; -webkit-backface-visibility: hidden; transform: translateZ(0); image-rendering: -webkit-optimize-contrast; }
.ahpc17-section .ahpc17-card:hover .ahpc17-img img { transform: scale(1.06) translateZ(0); }
.ahpc17-badge { position: absolute; left: 10px; top: 10px; z-index: 1; font-size: 12px; font-weight: 600; color: #fff; background: var(--ahpc17-sale); padding: 4px 10px; border-radius: 999px; }
.ahpc17-name { margin: 0; font-family: inherit; font-size: 14px; font-weight: 600; line-height: 1.4; color: var(--ahpc17-text); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 2.8em; }
.ahpc17-name a { color: inherit; text-decoration: none; }
.ahpc17-price { font-size: 17px; font-weight: 700; color: var(--ahpc17-text); }
.ahpc17-old { font-size: 13px; color: var(--ahpc17-muted); text-decoration: line-through; margin-left: 6px; font-weight: 400; }
.ahpc17-price .woocommerce-Price-amount, .ahpc17-old .woocommerce-Price-amount { color: inherit; }
.ahpc17-section a:focus-visible { outline: 3px solid var(--ahpc17-text); outline-offset: 3px; }
.ahpc17-section .added_to_cart { display: none !important; }
.ahpc17-section a.loading { opacity: .6; pointer-events: none; }
@media (max-width: 1024px) { .ahpc17-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 900px) { .ahpc17-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 12px; } }
@media (max-width: 600px) {
    .ahpc17-heading { font-size: 26px; }
    .ahpc17-intro { font-size: 14px; }
    .ahpc17-head { margin-bottom: 26px; }
    .ahpc17-name { font-size: 13px; }
    .ahpc17-price { font-size: 15px; }
    .ahpc17-old { font-size: 11px; margin-left: 4px; }
}
@media (prefers-reduced-motion: reduce) { .ahpc17-section * { transition: none !important; animation: none !important; } }

/* ---------- design ---------- */
.ahpc17-head{text-align:center;margin-bottom:36px}
.ahpc17-heading{position:relative;z-index:0;margin:0;font-size:34px;font-weight:700;color:var(--ahpc17-text)}
.ahpc17-mark{position:relative;white-space:nowrap;padding:0 6px}
.ahpc17-mark::before{content:"";position:absolute;left:0;right:0;bottom:4px;height:42%;z-index:-1;border-radius:4px;background:var(--ahpc17-marker);transform:skewX(-8deg)}
.ahpc17-intro{margin-top:10px}
.ahpc17-card{background:var(--ahpc17-card);border:1px solid var(--ahpc17-line);border-radius:var(--ahpc17-radius);overflow:hidden;transition:transform .3s,box-shadow .3s}
.ahpc17-card:hover{transform:translateY(-4px);box-shadow:0 16px 28px -18px rgba(28,25,23,.3)}
.ahpc17-badge{position:absolute;left:10px;top:10px;z-index:1;font-size:12px;font-weight:700;color:var(--ahpc17-markerink);background:var(--ahpc17-marker);padding:4px 10px;border-radius:999px}
.ahpc17-body{padding:14px;display:flex;flex-direction:column;flex:1}
.ahpc17-pricebox{margin:6px 0 14px}
.ahpc17-btn{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:8px;padding:11px;border-radius:10px;background:var(--ahpc17-text);color:#fff;font-size:14px;font-weight:600;text-decoration:none;transition:background .25s,color .25s}
.ahpc17-btn:hover{background:var(--ahpc17-marker);color:var(--ahpc17-markerink)}
@media (max-width:600px){.ahpc17-section{--ahpc17-radius:14px}.ahpc17-body{padding:10px}.ahpc17-btn{font-size:12px;padding:8px}.ahpc17-btn svg{display:none}.ahpc17-badge{font-size:10px;padding:3px 8px;left:6px;top:6px}}

/* --- Header alignment helper (set by the Header Alignment control) --- */
.ahpc17-intro { margin-left: var(--ahpc17-intro-l, auto); margin-right: var(--ahpc17-intro-r, auto); }

/* --- Alignment: match plugin containers (Product Card 1–7, Category Grid 1–9): full width, 65px sides, 1px on mobile --- */
.ahpc17-section { max-width: 100%; padding-left: 65px; padding-right: 65px; }
@media (max-width: 768px) {
    .ahpc17-section { padding: 1px; }
}