/**
 * PrestaShop Development — magenta EU-focused microsite
 */
.pf-prestashop {
    --pf-brand: #DF0067;
    --pf-brand-dark: #a8004d;
    --pf-brand-light: #fce4ef;
    --pf-surface: #fdf5f8;
}

.pf-prestashop .pf-hero {
    background: linear-gradient(135deg, #fff 0%, var(--pf-brand-light) 50%, #fff 100%);
    padding: 50px 0 70px;
    border-bottom: 4px solid var(--pf-brand);
}
.pf-prestashop .pf-breadcrumb-inline { font-size: 0.85rem; margin-bottom: 16px; color: #666; }
.pf-prestashop .pf-breadcrumb-inline a { color: var(--pf-brand-dark); }
.pf-prestashop .pf-logo img { height: 36px; margin-bottom: 16px; }
.pf-prestashop .pf-badge {
    display: inline-flex; align-items: center; gap: 8px;
    background: var(--pf-brand); color: #fff; border-radius: 50px;
    padding: 6px 16px; font-size: 0.85rem; font-weight: 600; margin-bottom: 16px;
}
.pf-prestashop .pf-hero h1 { font-size: clamp(1.85rem, 4vw, 2.6rem); font-weight: 700; color: #1a1a1a; line-height: 1.25; }
.pf-prestashop .pf-hero h1 span { display: block; color: var(--pf-brand); font-size: 0.85em; margin-top: 6px; }
.pf-prestashop .pf-hero-lead { color: #555; max-width: 560px; font-size: 1.05rem; }
.pf-prestashop .pf-btn-outline { background: transparent !important; border: 2px solid var(--pf-brand) !important; color: var(--pf-brand) !important; }
.pf-prestashop .theme-btn-1 { background: var(--pf-brand); border-color: var(--pf-brand); }
.pf-prestashop .section-heading { color: var(--pf-brand-dark); }
.pf-prestashop .pf-constrained { max-width: 720px; }
.pf-prestashop .glass-form { background: #fff; border: 2px solid var(--pf-brand-light); border-radius: 12px; box-shadow: 0 12px 40px rgba(223,0,103,0.1); }
.pf-prestashop .glass-form .form-title { color: var(--pf-brand-dark); }
.pf-prestashop .glass-form .form-control { background: #fff; border: 1px solid #e8e8e8; }

.pf-prestashop .pf-global-why { background: #fff; }
.pf-prestashop .pf-why-strip { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
@media (max-width: 991px) { .pf-prestashop .pf-why-strip { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 575px) { .pf-prestashop .pf-why-strip { grid-template-columns: 1fr; } }
.pf-prestashop .pf-why-tile { background: var(--pf-surface); border-radius: 12px; padding: 24px; text-align: center; border-top: 4px solid var(--pf-brand); }
.pf-prestashop .pf-why-tile i { font-size: 1.75rem; color: var(--pf-brand); margin-bottom: 12px; }

.pf-prestashop .pf-map-section { background: var(--pf-surface); }
.pf-prestashop .pf-lang-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
.pf-prestashop .pf-lang-chips span { background: #fff; border: 1px solid #ddd; border-radius: 50px; padding: 6px 14px; font-size: 0.85rem; }
.pf-prestashop .pf-cur-pill { display: inline-block; background: var(--pf-brand); color: #fff; border-radius: 8px; padding: 8px 16px; font-weight: 700; margin-right: 8px; margin-top: 8px; }
.pf-prestashop .pf-eu-map {
    position: relative; background: linear-gradient(180deg, #e8eef5 0%, #d4dce8 100%);
    border-radius: 16px; height: 320px; border: 2px solid #ccc;
}
.pf-prestashop .pf-map-dot {
    position: absolute; width: 44px; height: 44px; background: var(--pf-brand); color: #fff;
    border-radius: 50%; display: flex; align-items: center; justify-content: center;
    font-weight: 700; font-size: 0.7rem; box-shadow: 0 4px 12px rgba(223,0,103,0.4);
    animation: pf-pulse 2s infinite;
}
.pf-prestashop .pf-map-dot.fr { top: 35%; left: 42%; }
.pf-prestashop .pf-map-dot.de { top: 28%; left: 52%; }
.pf-prestashop .pf-map-dot.es { top: 55%; left: 38%; }
.pf-prestashop .pf-map-dot.it { top: 48%; left: 50%; }
.pf-prestashop .pf-map-dot.uk { top: 22%; left: 38%; }
.pf-prestashop .pf-map-dot.pl { top: 25%; left: 58%; }
.pf-prestashop .pf-map-label { position: absolute; bottom: 16px; left: 50%; transform: translateX(-50%); font-weight: 700; color: var(--pf-brand-dark); }
@keyframes pf-pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.08); } }

.pf-prestashop .pf-modules { background: #fff; }
.pf-prestashop .pf-module-card { background: var(--pf-surface); border-radius: 12px; padding: 24px; height: 100%; border-left: 4px solid var(--pf-brand); transition: box-shadow 0.2s; }
.pf-prestashop .pf-module-card:hover { box-shadow: 0 8px 24px rgba(223,0,103,0.12); }
.pf-prestashop .pf-module-card i { font-size: 1.5rem; color: var(--pf-brand); margin-bottom: 12px; }

.pf-prestashop .pf-atelier { background: linear-gradient(90deg, var(--pf-brand-dark), var(--pf-brand)); color: #fff; }
.pf-prestashop .pf-atelier .section-heading, .pf-prestashop .pf-atelier .text-sub { color: #fff; }
.pf-prestashop .pf-eyebrow { font-weight: 700; text-transform: uppercase; letter-spacing: 2px; font-size: 0.75rem; opacity: 0.85; }
.pf-prestashop .pf-atelier-list { list-style: none; padding: 0; }
.pf-prestashop .pf-atelier-list li { display: flex; gap: 12px; margin-bottom: 12px; }
.pf-prestashop .pf-theme-preview { background: #fff; border-radius: 12px; overflow: hidden; box-shadow: 0 20px 50px rgba(0,0,0,0.2); }
.pf-prestashop .pf-theme-bar { background: #f1f1f1; padding: 10px 14px; display: flex; gap: 6px; align-items: center; font-size: 0.75rem; color: #666; }
.pf-prestashop .pf-theme-bar span { width: 10px; height: 10px; border-radius: 50%; background: #ccc; }
.pf-prestashop .pf-theme-bar span:first-child { background: #ff5f57; }
.pf-prestashop .pf-theme-bar span:nth-child(2) { background: #febc2e; }
.pf-prestashop .pf-theme-bar span:nth-child(3) { background: #28c840; }
.pf-prestashop .pf-theme-hero { height: 100px; background: linear-gradient(135deg, var(--pf-brand-light), #fff); }
.pf-prestashop .pf-theme-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; padding: 12px; }
.pf-prestashop .pf-theme-grid div { background: #f0f0f0; height: 60px; border-radius: 6px; }

.pf-prestashop .pf-gdpr { background: var(--pf-surface); }
.pf-prestashop .pf-gdpr-checklist { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; max-width: 900px; margin: 0 auto; }
@media (max-width: 767px) { .pf-prestashop .pf-gdpr-checklist { grid-template-columns: 1fr; } }
.pf-prestashop .pf-gdpr-item { display: flex; gap: 12px; align-items: flex-start; background: #fff; padding: 16px 20px; border-radius: 10px; border: 1px solid #eee; }
.pf-prestashop .pf-gdpr-item i { color: var(--pf-brand); margin-top: 2px; }

.pf-prestashop .pf-payments { background: #fff; }
.pf-prestashop .pf-pay-grid { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; }
.pf-prestashop .pf-pay-tile { background: var(--pf-surface); border: 1px solid #eee; border-radius: 10px; padding: 14px 20px; font-weight: 600; font-size: 0.9rem; display: flex; align-items: center; gap: 8px; min-width: 160px; justify-content: center; }
.pf-prestashop .pf-pay-tile i { color: var(--pf-brand); }