/*
* Swipio Occasions & Blog — CSS v3
* Bouwt voort op swipio-folder-core.min.css.
*/
/* =========================================================
* CUSTOM PROPERTIES
* ======================================================= */
:root {
--occ-color: #8655d3;
--occ-pastel: #f5f3ff;
--occ-border: #ddd6fe;
--occ-text: #5b21b6;
--swpocc-section-gap: 64px;
--swpocc-text-max: 740px;
}
/* =========================================================
* PAGINA OPBOUW — ruimte, adempauzes
* ======================================================= */
.swpocc-occasions-page,
.swpocc-detail-page,
.swpocc-blog-page,
.swpocc-blog-detail-page {
padding-bottom: 80px;
}
/* Meer ruimte onder de hero/header */
.swpocc-occasions-page .swp-content-header,
.swpocc-detail-page .swp-store-detail-hero,
.swpocc-blog-page .swp-content-header {
margin-bottom: 56px !important;
}
/* Consistente ruimte tussen alle secties */
.swpocc-occasions-page > section,
.swpocc-detail-page > section,
.swpocc-blog-page > section {
margin-bottom: var(--swpocc-section-gap);
}
/* =========================================================
* OCCASIONS GRID — kaarten
* ======================================================= */
.swpocc-occasions-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
gap: 14px;
margin-top: 24px;
}
.swpocc-occasions-grid--compact {
grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
gap: 10px;
}
.swpocc-occasion-card {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 5px;
padding: 22px 20px 18px;
border-radius: 20px;
background: var(--occ-pastel, #f5f3ff);
border: 1.5px solid var(--occ-border, #ddd6fe);
color: var(--occ-text, #5b21b6);
text-decoration: none;
transition: border-color .18s, box-shadow .18s, transform .18s;
box-shadow: 0 1px 6px rgba(0,0,0,.04);
position: relative;
}
.swpocc-occasion-card:hover {
border-color: var(--occ-text, #5b21b6);
box-shadow: 0 6px 24px rgba(0,0,0,.09);
transform: translateY(-2px);
}
.swpocc-occasion-icon {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
margin-bottom: 6px;
background: rgba(255,255,255,.7);
border-radius: 12px;
border: 1px solid var(--occ-border, #ddd6fe);
}
.swpocc-occasion-icon svg {
width: 22px;
height: 22px;
stroke: var(--occ-text, #5b21b6);
}
.swpocc-occasion-label {
font-size: 15px;
font-weight: 700;
color: var(--occ-text, #5b21b6);
line-height: 1.2;
}
.swpocc-occasion-tagline {
font-size: 12px;
color: var(--occ-text, #5b21b6);
opacity: .72;
line-height: 1.45;
}
.swpocc-occasion-cta {
margin-top: auto;
padding-top: 12px;
font-size: 12px;
font-weight: 700;
color: var(--occ-text, #5b21b6);
}
/* =========================================================
* OCCASIONS INDEX — featured deal-secties
* ======================================================= */
.swpocc-featured-section {
padding-top: 4px;
}
/* =========================================================
* OCCASION DETAIL — hero
* ======================================================= */
.swpocc-detail-hero {
padding-bottom: 0 !important;
margin-bottom: 48px !important;
}
.swpocc-detail-icon {
display: flex;
align-items: center;
justify-content: center;
width: 56px;
height: 56px;
margin-bottom: 16px;
background: var(--occ-pastel, #f5f3ff);
border: 1.5px solid var(--occ-border, #ddd6fe);
border-radius: 16px;
}
.swpocc-detail-icon svg {
width: 28px;
height: 28px;
stroke: var(--occ-color, #8655d3);
}
.swpocc-detail-page .swp-stores-primary-cta {
background: var(--occ-color) !important;
border-color: var(--occ-color) !important;
}
/* =========================================================
* SEO TEKST BLOKKEN — ruimte, typografie
* ======================================================= */
.swpocc-seo-section {
display: grid;
grid-template-columns: minmax(0, 2fr) minmax(220px, 1fr);
gap: 40px;
align-items: start;
padding: 40px 0;
border-top: 1px solid rgba(36,24,50,.07);
}
.swpocc-seo-section + .swpocc-seo-section {
padding-top: 40px;
}
.swpocc-seo-main h2 {
font-size: 26px !important;
font-weight: 700 !important;
color: #1d1430 !important;
letter-spacing: -.025em !important;
margin: 0 0 16px !important;
}
.swpocc-seo-main p {
font-size: 16px;
line-height: 1.75;
color: #3a2e48;
margin-bottom: 14px;
max-width: var(--swpocc-text-max);
}
.swpocc-seo-main p:last-child { margin-bottom: 0; }
.swpocc-seo-aside {
background: var(--occ-pastel, #f5f3ff);
border: 1.5px solid var(--occ-border, #ddd6fe);
border-radius: 18px;
padding: 22px 20px;
position: sticky;
top: 80px;
}
.swpocc-seo-aside h3 {
font-size: 13px !important;
font-weight: 800 !important;
text-transform: uppercase;
letter-spacing: .08em;
color: var(--occ-text, #5b21b6) !important;
margin: 0 0 12px !important;
}
.swpocc-seo-aside a {
display: flex;
align-items: center;
padding: 8px 0;
border-bottom: 1px solid var(--occ-border, #ddd6fe);
font-size: 14px;
font-weight: 600;
color: #1d1430;
text-decoration: none;
gap: 6px;
}
.swpocc-seo-aside a:last-child { border-bottom: none; }
.swpocc-seo-aside a::before {
content: '→';
color: var(--occ-color, #8655d3);
font-size: 13px;
flex-shrink: 0;
}
.swpocc-seo-aside a:hover { color: var(--occ-color, #8655d3); }
/* Eyebrow voor seo blokken */
.swpocc-eyebrow {
display: inline-flex;
margin-bottom: 8px;
color: var(--occ-color, #8655d3);
font-size: 11px;
font-weight: 900;
text-transform: uppercase;
letter-spacing: .12em;
}
/* =========================================================
* ZOEKBALK
* ======================================================= */
.swpocc-search-section {
margin: -12px 0 40px;
}
.swpocc-search-wrap { max-width: 660px; }
.swpocc-search-inner {
display: flex;
align-items: center;
gap: 10px;
background: #fff;
border: 1.5px solid rgba(134,85,211,.22);
border-radius: 999px;
padding: 11px 18px;
box-shadow: 0 2px 14px rgba(134,85,211,.07);
transition: border-color .15s, box-shadow .15s;
}
.swpocc-search-inner:focus-within {
border-color: #8655d3;
box-shadow: 0 2px 22px rgba(134,85,211,.14);
}
.swpocc-search-icon { width: 18px; height: 18px; flex-shrink: 0; color: #8655d3; }
.swpocc-search-input {
flex: 1;
border: none;
outline: none;
background: transparent;
font-family: inherit;
font-size: 15px;
color: #1d1430;
min-width: 0;
}
.swpocc-search-input::placeholder { color: #9a8aaa; }
.swpocc-search-clear {
background: none;
border: none;
cursor: pointer;
padding: 2px;
color: #8a7a9a;
display: flex;
align-items: center;
line-height: 1;
}
.swpocc-search-clear svg { width: 16px; height: 16px; }
.swpocc-search-hint {
margin: 8px 0 0 18px;
font-size: 12px;
color: #9a8aaa;
}
.swpocc-search-results-count {
margin: 8px 0 0 18px;
font-size: 13px;
color: #665b70;
}
.swpocc-search-no-results {
margin: 10px 0 0;
padding: 14px 18px;
background: #fef9ff;
border: 1px solid rgba(134,85,211,.13);
border-radius: 14px;
font-size: 14px;
color: #665b70;
}
.swpocc-search-no-results a { color: #8655d3; font-weight: 600; }
/* =========================================================
* DEALS SECTIE
* ======================================================= */
.swpocc-deals-section { border-top: 1px solid rgba(36,24,50,.07); padding-top: 40px; }
.swpocc-no-deals {
background: #f8f7ff;
border: 1px dashed rgba(134,85,211,.22);
border-radius: 18px;
padding: 40px 32px;
text-align: center;
color: #665b70;
}
.swpocc-no-deals a { color: #8655d3; font-weight: 600; }
/* =========================================================
* ANDERE GELEGENHEDEN
* ======================================================= */
.swpocc-other-occasions { border-top: 1px solid rgba(36,24,50,.07); padding-top: 40px; }
/* =========================================================
* FAQ
* ======================================================= */
.swpocc-faq { border-top: 1px solid rgba(36,24,50,.07); padding-top: 40px; }
/* =========================================================
* INTERNE LINKS GRID
* ======================================================= */
.swpocc-internal-links-section { border-top: 1px solid rgba(36,24,50,.07); padding-top: 40px; }
.swpocc-link-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(185px, 1fr));
gap: 12px;
margin-top: 22px;
}
.swpocc-link-card {
display: flex;
flex-direction: column;
gap: 6px;
padding: 20px 18px;
background: #fff;
border: 1.5px solid rgba(36,24,50,.08);
border-radius: 18px;
text-decoration: none;
transition: border-color .15s, box-shadow .15s, transform .15s;
box-shadow: 0 1px 6px rgba(0,0,0,.04);
}
.swpocc-link-card:hover {
border-color: rgba(134,85,211,.28);
box-shadow: 0 5px 20px rgba(134,85,211,.10);
transform: translateY(-2px);
}
.swpocc-link-card-icon {
display: flex;
align-items: center;
justify-content: center;
width: 38px;
height: 38px;
background: #f5f3ff;
border-radius: 10px;
color: #8655d3;
margin-bottom: 2px;
}
.swpocc-link-card-icon svg { width: 18px; height: 18px; }
.swpocc-link-card-label { font-size: 14px; font-weight: 700; color: #1d1430; }
.swpocc-link-card-sub { font-size: 12px; color: #8a7a9a; line-height: 1.35; }
/* =========================================================
* BLOG INDEX — layout & typografie
* ======================================================= */
.swpocc-blog-page .swp-content-header {
padding-bottom: 0 !important;
}
.swpocc-blog-hero-text {
display: grid;
grid-template-columns: minmax(0,2fr) minmax(240px,1fr);
gap: 40px;
align-items: start;
margin-bottom: 48px;
padding: 40px 0;
border-top: 1px solid rgba(36,24,50,.07);
border-bottom: 1px solid rgba(36,24,50,.07);
}
.swpocc-blog-hero-text-main h2 {
font-size: 24px !important;
font-weight: 700 !important;
color: #1d1430 !important;
margin: 0 0 14px !important;
letter-spacing: -.025em !important;
}
.swpocc-blog-hero-text-main p {
font-size: 16px;
line-height: 1.75;
color: #3a2e48;
margin-bottom: 14px;
max-width: 600px;
}
.swpocc-blog-hero-text-main p:last-child { margin-bottom: 0; }
.swpocc-blog-sidebar {
background: #f8f7ff;
border: 1.5px solid #ede9fe;
border-radius: 18px;
padding: 22px 20px;
}
.swpocc-blog-sidebar h3 {
font-size: 12px !important;
font-weight: 900 !important;
text-transform: uppercase;
letter-spacing: .1em;
color: #8655d3 !important;
margin: 0 0 12px !important;
}
.swpocc-blog-sidebar a {
display: flex;
align-items: center;
padding: 8px 0;
border-bottom: 1px solid #ede9fe;
font-size: 14px;
font-weight: 600;
color: #1d1430;
text-decoration: none;
gap: 6px;
}
.swpocc-blog-sidebar a:last-child { border-bottom: none; }
.swpocc-blog-sidebar a::before { content: '→'; color: #8655d3; font-size: 13px; }
.swpocc-blog-sidebar a:hover { color: #8655d3; }
/* Blog grid */
.swpocc-blog-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 22px;
margin-top: 24px;
}
.swpocc-blog-grid--related {
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
gap: 16px;
}
.swpocc-blog-card {
background: #fff;
border: 1.5px solid rgba(36,24,50,.08);
border-radius: 22px;
overflow: hidden;
display: flex;
flex-direction: column;
transition: transform .18s, box-shadow .18s;
box-shadow: 0 2px 12px rgba(0,0,0,.05);
}
.swpocc-blog-card:hover {
transform: translateY(-3px);
box-shadow: 0 10px 32px rgba(0,0,0,.09);
}
.swpocc-blog-card-link { display: block; }
.swpocc-blog-card-media {
position: relative;
aspect-ratio: 16 / 9;
overflow: hidden;
background: linear-gradient(135deg, #f0ecff 0%, #e8f4ff 100%);
}
.swpocc-blog-card-media img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform .28s;
}
.swpocc-blog-card:hover .swpocc-blog-card-media img { transform: scale(1.04); }
.swpocc-blog-card-no-img {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.swpocc-blog-card-no-img svg { width: 44px; height: 44px; stroke: #8655d3; opacity: .3; }
.swpocc-blog-card-badge {
position: absolute;
top: 10px;
left: 10px;
padding: 4px 10px;
border-radius: 999px;
color: #fff;
font-size: 11px;
font-weight: 800;
z-index: 2;
}
.swpocc-blog-card-body {
padding: 18px 18px 20px;
display: flex;
flex-direction: column;
gap: 8px;
flex: 1;
}
.swpocc-blog-card-meta {
display: flex;
align-items: center;
gap: 6px;
color: #8a7a9a;
font-size: 12px;
font-weight: 500;
}
.swpocc-blog-card-title {
font-size: 16px !important;
font-weight: 700 !important;
min-height: unset !important;
margin: 0 !important;
line-height: 1.35 !important;
-webkit-line-clamp: 2 !important;
}
.swpocc-blog-card-title a { color: #1b2430; text-decoration: none; }
.swpocc-blog-card-title a:hover { color: #8655d3; }
.swpocc-blog-card-excerpt {
font-size: 14px;
color: #665b70;
line-height: 1.6;
margin: 0;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.swpocc-blog-card-cta {
display: inline-flex;
align-items: center;
margin-top: auto;
padding-top: 10px;
color: #8655d3;
font-size: 13px;
font-weight: 700;
text-decoration: none;
gap: 4px;
}
.swpocc-blog-card-cta:hover { text-decoration: underline; }
/* Blog deals preview */
.swpocc-blog-deals { border-top: 1px solid rgba(36,24,50,.07); padding-top: 40px; }
/* =========================================================
* PAGINERING
* ======================================================= */
.swpocc-pagination {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
margin: 40px 0 0;
flex-wrap: wrap;
}
.swpocc-pagination-item {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 40px;
min-height: 40px;
padding: 8px 12px;
border-radius: 999px;
border: 1.5px solid rgba(134,85,211,.18);
background: #fff;
color: #8655d3;
font-size: 14px;
font-weight: 700;
text-decoration: none;
transition: background .14s;
}
.swpocc-pagination-item:hover { background: #f0ecff; }
.swpocc-pagination-item--active { background: #8655d3; border-color: #8655d3; color: #fff; cursor: default; }
/* =========================================================
* BLOG ARTIKEL DETAIL
* ======================================================= */
.swpocc-blog-article { max-width: 760px; }
.swpocc-article-header { margin-bottom: 32px; }
.swpocc-article-occasion-badge {
display: inline-flex;
align-items: center;
padding: 5px 13px;
border-radius: 999px;
color: #fff;
font-size: 12px;
font-weight: 800;
text-decoration: none;
margin-bottom: 16px;
}
.swpocc-article-title {
font-size: clamp(26px, 4vw, 42px);
font-weight: 700;
color: #1d1430;
letter-spacing: -.03em;
line-height: 1.1;
margin: 0 0 14px;
}
.swpocc-article-intro {
font-size: 18px;
color: #665b70;
line-height: 1.65;
margin: 0 0 16px;
}
.swpocc-article-byline {
display: flex;
align-items: center;
gap: 8px;
color: #8a7a9a;
font-size: 13px;
}
.swpocc-article-figure {
margin: 0 0 36px;
border-radius: 24px;
overflow: hidden;
aspect-ratio: 16 / 7;
}
.swpocc-article-figure img { width: 100%; height: 100%; object-fit: cover; display: block; }
.swpocc-article-content {
font-size: 16px;
line-height: 1.8;
color: #3a2e48;
max-width: 760px;
}
.swpocc-article-content h2 { font-size: 22px !important; margin: 32px 0 12px !important; }
.swpocc-article-content h3 { font-size: 18px !important; margin: 24px 0 10px !important; }
.swpocc-article-content p { margin-bottom: 18px; }
.swpocc-article-content a { color: #8655d3; font-weight: 500; }
.swpocc-article-content ul, .swpocc-article-content ol { padding-left: 22px; margin-bottom: 18px; }
.swpocc-article-content li { margin-bottom: 7px; }
.swpocc-article-content img { max-width: 100%; height: auto; border-radius: 14px; display: block; margin: 24px auto; }
.swpocc-related-deals, .swpocc-related-posts {
margin-top: 0;
padding-top: 40px;
border-top: 1px solid rgba(36,24,50,.07);
}
/* =========================================================
* SHORTCODE
* ======================================================= */
.swpocc-shortcode-wrap { margin: 28px 0; }
.swpocc-shortcode-title { font-size: 20px; font-weight: 700; color: #1d1430; margin: 0 0 16px; }
.swpocc-shortcode-more { display: inline-flex; margin-top: 16px; color: #8655d3; font-size: 14px; font-weight: 700; text-decoration: none; }
.swpocc-shortcode-more:hover { text-decoration: underline; }
/* =========================================================
* RESPONSIVE
* ======================================================= */
@media (max-width: 900px) {
.swpocc-seo-section { grid-template-columns: 1fr; gap: 24px; }
.swpocc-seo-aside { position: static; }
.swpocc-blog-hero-text { grid-template-columns: 1fr; gap: 24px; }
.swpocc-blog-sidebar { position: static; }
.swpocc-occasions-grid { grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); }
.swpocc-blog-grid { grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); }
.swpocc-link-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 620px) {
:root { --swpocc-section-gap: 44px; }
.swpocc-occasions-grid { grid-template-columns: repeat(2, 1fr); gap: 9px; }
.swpocc-occasions-grid--compact { grid-template-columns: repeat(2, 1fr); }
.swpocc-occasion-card { padding: 16px 14px; }
.swpocc-occasion-tagline { display: none; }
.swpocc-blog-grid { grid-template-columns: 1fr; }
.swpocc-link-grid { grid-template-columns: repeat(2, 1fr); gap: 8px; }
.swpocc-link-card { padding: 14px 12px; }
.swpocc-article-figure { border-radius: 16px; }
.swpocc-blog-card { border-radius: 16px; }
.swpocc-search-inner { padding: 9px 14px; }
.swpocc-seo-section { padding: 28px 0; }
.swpocc-blog-hero-text { padding: 28px 0; margin-bottom: 32px; }
}
/* =========================================================
* FINAL POLISH — native Swipio look & feel
* ======================================================= */
.swpocc-occasions-page,
.swpocc-detail-page,
.swpocc-blog-page,
.swpocc-blog-detail-page{
padding-bottom:120px !important;
}
/* Hero detail: geen rechter statistiekblok; copy mag volledige breedte gebruiken */
.swpocc-detail-page .swp-store-detail-stats{
display:none !important;
}
.swpocc-detail-page .swp-store-detail-hero,
.swpocc-detail-page .swp-store-detail-hero-clean,
.swpocc-detail-hero{
display:block !important;
padding:30px 30px 34px !important;
margin-bottom:58px !important;
border-radius:26px !important;
}
.swpocc-detail-page .swp-store-detail-copy{
max-width:760px !important;
width:100% !important;
}
.swpocc-detail-page .swp-store-detail-actions{
padding-bottom:4px !important;
margin-top:28px !important;
gap:12px !important;
flex-wrap:wrap !important;
}
.swpocc-detail-page .swp-stores-primary-cta,
.swpocc-detail-page .swp-stores-secondary-cta{
min-height:46px !important;
padding:12px 22px !important;
border-radius:999px !important;
font-size:14px !important;
font-weight:700 !important;
line-height:1 !important;
}
/* Zijblokken: altijd zacht lichtpaars zoals Swipio-panelen */
.swpocc-seo-aside,
.swpocc-blog-sidebar{
background:#fbf4ff !important;
border:1px solid #f1c9df !important;
border-radius:18px !important;
box-shadow:none !important;
}
.swpocc-seo-aside h3,
.swpocc-blog-sidebar h3{
color:#1d1430 !important;
font-size:26px !important;
font-weight:700 !important;
letter-spacing:-.035em !important;
line-height:1.08 !important;
text-transform:none !important;
margin-bottom:16px !important;
}
.swpocc-seo-aside a,
.swpocc-blog-sidebar a{
border-bottom:1px solid #f1c9df !important;
color:#1d1430 !important;
font-size:14px !important;
font-weight:700 !important;
padding:10px 0 !important;
}
/* Andere gelegenheden: typografie gelijker aan Swipio winkelkaartjes */
.swpocc-occasion-card{
border-radius:18px !important;
padding:18px 18px 20px !important;
gap:6px !important;
box-shadow:0 1px 6px rgba(29,20,48,.04) !important;
}
.swpocc-occasion-label{
font-size:14px !important;
font-weight:700 !important;
letter-spacing:-.01em !important;
line-height:1.25 !important;
}
.swpocc-occasion-tagline{
font-size:12px !important;
line-height:1.45 !important;
}
.swpocc-occasion-cta{
font-size:12px !important;
font-weight:700 !important;
padding-top:14px !important;
}
.swpocc-occasions-grid--compact .swpocc-occasion-card{
min-height:132px !important;
}
.swpocc-occasions-grid--compact .swpocc-occasion-label{
font-size:14px !important;
}
/* Sectie-afstanden en contentbreedte netter */
.swpocc-seo-section,
.swpocc-deals-section,
.swpocc-other-occasions,
.swpocc-faq,
.swpocc-internal-links-section{
padding-top:48px !important;
}
.swpocc-seo-main h2{
font-size:clamp(26px,3vw,34px) !important;
line-height:1.08 !important;
font-weight:700 !important;
letter-spacing:-.045em !important;
}
.swpocc-seo-main p{
font-size:15.5px !important;
line-height:1.72 !important;
}
.swpocc-eyebrow,
.swp-section-kicker,
.swp-eyebrow{
font-size:11px !important;
font-weight:800 !important;
letter-spacing:.11em !important;
}
/* Ruimte onderaan zodat knoppen nooit tegen de rand plakken */
.swpocc-shortcode-wrap,
.swpocc-internal-links-section,
.swpocc-faq,
.swpocc-other-occasions{
margin-bottom:28px !important;
}
.swpocc-shortcode-more{
margin-bottom:20px !important;
}
@media (max-width: 900px){
.swpocc-seo-section,
.swpocc-blog-hero-text{
grid-template-columns:1fr !important;
gap:24px !important;
}
.swpocc-seo-aside{
position:static !important;
}
.swpocc-detail-page .swp-store-detail-hero,
.swpocc-detail-hero{
padding:24px 20px 30px !important;
margin-bottom:44px !important;
}
}
@media (max-width: 560px){
.swpocc-detail-page .swp-store-detail-actions{
align-items:stretch !important;
}
.swpocc-detail-page .swp-stores-primary-cta,
.swpocc-detail-page .swp-stores-secondary-cta{
width:100% !important;
justify-content:center !important;
}
.swpocc-occasions-grid,
.swpocc-occasions-grid--compact{
grid-template-columns:1fr 1fr !important;
gap:10px !important;
}
.swpocc-occasion-card{
padding:16px 14px 18px !important;
}
}
/* =========================================================
* FINAL ULTRA POLISH — Swipio native look & feel
* ======================================================= */
:root{--occ-color:#8655d3;--occ-text:#8655d3;--occ-pastel:#f6f1ff;--occ-border:#e7dcff;}
.swpocc-blog-page .swp-inline-links a,
.swpocc-detail-page .swp-inline-links a,
.swpocc-occasions-page .swp-inline-links a,
.swpocc-pagination-item,
.swpocc-blog-card-cta,
.swpocc-search-no-results a,
.swpocc-article-content a,
.swp-section-link{color:#8655d3!important;border-color:rgba(134,85,211,.35)!important;}
.swpocc-blog-page .swp-inline-links a:hover,
.swpocc-detail-page .swp-inline-links a:hover,
.swpocc-occasions-page .swp-inline-links a:hover{background:#8655d3!important;color:#fff!important;border-color:#8655d3!important;}
.swp-stores-primary-cta,.swpocc-pagination-item--active{background:#8655d3!important;border-color:#8655d3!important;color:#fff!important;}
/* Inspiratie index mooier uitgelijnd */
.swpocc-blog-hero{max-width:820px!important;margin-left:0!important;padding-top:10px!important;margin-bottom:56px!important;}
.swpocc-blog-hero h1{max-width:760px!important;line-height:1.05!important;letter-spacing:-.045em!important;}
.swpocc-blog-hero .swp-content-intro{max-width:760px!important;line-height:1.62!important;}
.swpocc-blog-hero .swp-inline-links{margin-top:26px!important;gap:10px!important;}
.swpocc-blog-intro-seo{background:linear-gradient(135deg,#fff 0%,#fbf9ff 55%,#f6f1ff 100%)!important;border:1px solid rgba(134,85,211,.12)!important;border-radius:28px!important;box-shadow:0 18px 55px rgba(36,24,50,.07)!important;padding:34px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 270px!important;gap:34px!important;align-items:start!important;}
.swpocc-blog-intro-seo .swp-stores-copy-main{padding:0!important;}
.swpocc-blog-intro-seo .swp-stores-copy-main h2{font-size:clamp(26px,3vw,34px)!important;line-height:1.1!important;letter-spacing:-.04em!important;margin-bottom:18px!important;}
.swpocc-blog-intro-seo .swp-stores-copy-main p{font-size:16px!important;line-height:1.72!important;max-width:720px!important;color:#332742!important;}
.swpocc-blog-intro-seo .swp-stores-copy-aside{background:#f6f1ff!important;border:1px solid #e7dcff!important;border-radius:24px!important;padding:22px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.75)!important;}
.swpocc-blog-intro-seo .swp-stores-copy-aside h3{font-size:24px!important;line-height:1.05!important;letter-spacing:-.04em!important;text-transform:none!important;color:#1d1430!important;margin-bottom:18px!important;}
.swpocc-blog-intro-seo .swp-stores-copy-aside a{background:#fff!important;border:1px solid #e4d7ff!important;border-radius:15px!important;padding:12px 14px!important;margin-bottom:9px!important;color:#8655d3!important;font-weight:800!important;justify-content:space-between!important;}
.swpocc-blog-intro-seo .swp-stores-copy-aside a:before{display:none!important;}.swpocc-blog-intro-seo .swp-stores-copy-aside a:after{content:'→';}
/* Blog kaarten met afbeeldingen */
.swpocc-blog-card{border-radius:22px!important;border:1px solid rgba(134,85,211,.13)!important;box-shadow:0 10px 35px rgba(36,24,50,.06)!important;}
.swpocc-blog-card-media{background:#f6f1ff!important;}
.swpocc-blog-card-badge{background:#8655d3!important;color:#fff!important;}
.swpocc-blog-card-title a{color:#1d1430!important;}.swpocc-blog-card-title a:hover{color:#8655d3!important;}
/* Artikel detail: geen losse pill, wel rijke hero */
.swpocc-blog-article{max-width:100%!important;}
.swpocc-article-header{display:none!important;}
.swpocc-article-hero{min-height:430px;border-radius:28px;background-size:cover;background-position:center;display:flex;align-items:center;padding:42px;margin:6px 0 44px;box-shadow:0 20px 60px rgba(36,24,50,.10);border:1px solid rgba(134,85,211,.12);overflow:hidden;}
.swpocc-article-hero-panel{max-width:520px;background:rgba(255,255,255,.86);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.8);border-radius:24px;padding:34px 34px 30px;box-shadow:0 18px 45px rgba(36,24,50,.10);}
.swpocc-article-kicker{display:block;color:#8655d3;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px;}
.swpocc-article-title{font-size:clamp(31px,4vw,48px)!important;line-height:1.04!important;letter-spacing:-.055em!important;margin-bottom:18px!important;color:#1d1430!important;}
.swpocc-article-intro{font-size:16px!important;line-height:1.65!important;color:#3a2e48!important;margin-bottom:20px!important;}
.swpocc-article-byline{font-size:13px!important;color:#6f5d83!important;}
.swpocc-article-figure{display:none!important;}
.swpocc-article-content{max-width:900px!important;margin:0 auto!important;font-size:17px!important;line-height:1.75!important;color:#332742!important;}
.swpocc-article-content>p{max-width:760px;margin:0 auto 26px!important;}
.swpocc-tip-card{display:grid;grid-template-columns:74px minmax(0,1fr);gap:24px;align-items:start;background:#fff;border:1px solid rgba(134,85,211,.14);border-radius:24px;padding:26px 30px;margin:20px 0;box-shadow:0 12px 36px rgba(36,24,50,.06);}
.swpocc-tip-icon{width:64px;height:64px;border-radius:22px;background:#8655d3;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:24px;box-shadow:0 12px 28px rgba(134,85,211,.24);}
.swpocc-tip-card h2{font-size:clamp(22px,2.3vw,30px)!important;line-height:1.14!important;letter-spacing:-.04em!important;margin:0 0 10px!important;color:#1d1430!important;}
.swpocc-tip-card p{font-size:16px!important;line-height:1.68!important;color:#3a2e48!important;margin:0!important;max-width:720px;}
.swpocc-related-deals,.swpocc-related-posts{max-width:1100px;margin-left:auto;margin-right:auto;}
/* Meer ruimte onder buttons en onderzijde pagina */
.swpocc-detail-page,.swpocc-occasions-page,.swpocc-blog-page,.swpocc-blog-detail-page{padding-bottom:120px!important;}
.swpocc-detail-page .swp-stores-primary-cta,.swpocc-detail-page .swp-outline-cta{margin-bottom:12px!important;}
.swpocc-detail-hero{padding-bottom:28px!important;}
@media(max-width:900px){.swpocc-blog-intro-seo{grid-template-columns:1fr!important;padding:24px!important}.swpocc-article-hero{padding:20px;min-height:360px}.swpocc-article-hero-panel{padding:26px}.swpocc-tip-card{grid-template-columns:1fr;gap:14px;padding:22px}.swpocc-tip-icon{width:54px;height:54px;border-radius:18px;font-size:20px}}
/* =========================================================
* 100/100 FINAL FIX — exactere Swipio-polish
* ======================================================= */
:root{
--occ-color:#8655d3!important;
--occ-text:#8655d3!important;
--occ-pastel:#f6f1ff!important;
--occ-border:#e4d7ff!important;
}
/* Alle buttons/links in paars #8655d3 */
.swpocc-blog-page .swp-inline-links a,
.swpocc-detail-page .swp-inline-links a,
.swpocc-occasions-page .swp-inline-links a,
.swpocc-blog-intro-seo .swp-stores-copy-aside a,
.swpocc-blog-card-cta,
.swpocc-shortcode-more,
.swpocc-pagination-item,
.swp-section-link,
.swpocc-search-no-results a,
.swpocc-article-content a{
color:#8655d3!important;
border-color:rgba(134,85,211,.36)!important;
}
.swp-stores-primary-cta,
.swpocc-detail-page .swp-stores-primary-cta,
.swpocc-pagination-item--active{
background:#8655d3!important;
border-color:#8655d3!important;
color:#fff!important;
}
.swpocc-blog-page .swp-inline-links a:hover,
.swpocc-detail-page .swp-inline-links a:hover,
.swpocc-occasions-page .swp-inline-links a:hover,
.swpocc-blog-intro-seo .swp-stores-copy-aside a:hover{
background:#8655d3!important;
color:#fff!important;
border-color:#8655d3!important;
}
/* Inspiraties: mooier uitgelijnd, geen zwevende lege ruimte */
.swpocc-blog-page{max-width:1160px!important;margin-left:auto!important;margin-right:auto!important;}
.swpocc-blog-hero{max-width:820px!important;margin:0 0 48px!important;padding:8px 0 0!important;}
.swpocc-blog-hero h1{max-width:760px!important;font-size:clamp(34px,4.5vw,54px)!important;line-height:1.02!important;letter-spacing:-.055em!important;margin-bottom:18px!important;}
.swpocc-blog-hero .swp-content-intro{max-width:780px!important;font-size:16px!important;line-height:1.66!important;margin-bottom:0!important;}
.swpocc-blog-hero .swp-inline-links{margin-top:28px!important;display:flex!important;gap:10px!important;flex-wrap:wrap!important;}
.swpocc-blog-hero .swp-inline-links a{font-weight:800!important;border-radius:999px!important;padding:11px 18px!important;background:#fff!important;box-shadow:0 2px 10px rgba(36,24,50,.04)!important;}
/* Intro-panel zoals premium Swipio blok: licht, compact, volledig uitgelijnd */
.swpocc-blog-intro-seo{
margin-top:0!important;
background:linear-gradient(135deg,#fff 0%,#fbf9ff 52%,#f6f1ff 100%)!important;
border:1px solid rgba(134,85,211,.13)!important;
border-radius:30px!important;
box-shadow:0 18px 60px rgba(36,24,50,.07)!important;
padding:36px!important;
display:grid!important;
grid-template-columns:minmax(0,1fr) 288px!important;
gap:36px!important;
align-items:start!important;
}
.swpocc-blog-intro-seo .swp-stores-copy-main h2{font-size:clamp(28px,3vw,38px)!important;line-height:1.06!important;letter-spacing:-.055em!important;margin:0 0 18px!important;color:#1d1430!important;}
.swpocc-blog-intro-seo .swp-stores-copy-main p{font-size:16px!important;line-height:1.74!important;color:#332742!important;max-width:720px!important;}
.swpocc-blog-intro-seo .swp-stores-copy-aside,
.swpocc-seo-aside,
.swpocc-blog-sidebar{
background:#f6f1ff!important;
border:1px solid #e4d7ff!important;
border-radius:24px!important;
padding:22px!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.8)!important;
}
.swpocc-blog-intro-seo .swp-stores-copy-aside h3,
.swpocc-seo-aside h3,
.swpocc-blog-sidebar h3{font-size:25px!important;line-height:1.06!important;letter-spacing:-.05em!important;color:#1d1430!important;text-transform:none!important;margin:0 0 18px!important;}
.swpocc-blog-intro-seo .swp-stores-copy-aside a,
.swpocc-seo-aside a,
.swpocc-blog-sidebar a{background:#fff!important;border:1px solid #e4d7ff!important;border-radius:15px!important;margin:0 0 9px!important;padding:12px 14px!important;font-weight:800!important;color:#8655d3!important;text-decoration:none!important;display:flex!important;justify-content:space-between!important;}
.swpocc-blog-intro-seo .swp-stores-copy-aside a:before,.swpocc-seo-aside a:before,.swpocc-blog-sidebar a:before{display:none!important;}
.swpocc-blog-intro-seo .swp-stores-copy-aside a:after,.swpocc-seo-aside a:after,.swpocc-blog-sidebar a:after{content:'→';}
/* Blogkaarten met visuele afbeeldingen en consistente typografie */
.swpocc-blog-section{margin-top:28px!important;}
.swpocc-blog-grid{gap:24px!important;}
.swpocc-blog-card{border-radius:24px!important;border:1px solid rgba(134,85,211,.14)!important;box-shadow:0 10px 38px rgba(36,24,50,.065)!important;background:#fff!important;}
.swpocc-blog-card-media{aspect-ratio:16/9!important;background:#f6f1ff!important;}
.swpocc-blog-card-badge{background:#8655d3!important;color:#fff!important;border-radius:999px!important;font-size:10px!important;letter-spacing:.04em!important;text-transform:uppercase!important;}
.swpocc-blog-card-title{font-size:18px!important;line-height:1.25!important;letter-spacing:-.025em!important;}
.swpocc-blog-card-title a{color:#1d1430!important;}
.swpocc-blog-card-excerpt{font-size:14px!important;line-height:1.62!important;color:#554760!important;}
/* Specifieke inspiratiepagina: dezelfde luxe stijl, geen afwijkende pill/lege header */
.swpocc-blog-detail-page{max-width:1180px!important;margin-left:auto!important;margin-right:auto!important;}
.swpocc-blog-article{max-width:100%!important;}
.swpocc-article-header,.swpocc-article-occasion-badge{display:none!important;}
.swpocc-article-hero{
min-height:455px!important;
border-radius:30px!important;
background-size:cover!important;
background-position:center!important;
display:flex!important;
align-items:center!important;
padding:44px!important;
margin:8px 0 46px!important;
box-shadow:0 22px 70px rgba(36,24,50,.11)!important;
border:1px solid rgba(134,85,211,.12)!important;
overflow:hidden!important;
}
.swpocc-article-hero-panel{max-width:545px!important;background:rgba(255,255,255,.88)!important;backdrop-filter:blur(12px)!important;border:1px solid rgba(255,255,255,.86)!important;border-radius:26px!important;padding:36px 36px 32px!important;box-shadow:0 18px 48px rgba(36,24,50,.11)!important;}
.swpocc-article-kicker{display:block!important;background:transparent!important;border:0!important;padding:0!important;border-radius:0!important;color:#8655d3!important;font-size:12px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.09em!important;margin:0 0 13px!important;}
.swpocc-article-title{font-size:clamp(34px,4.4vw,52px)!important;line-height:1.02!important;letter-spacing:-.06em!important;color:#1d1430!important;margin:0 0 18px!important;}
.swpocc-article-intro{font-size:16.5px!important;line-height:1.66!important;color:#332742!important;margin:0 0 22px!important;}
.swpocc-article-byline{font-size:13px!important;color:#6f5d83!important;}
.swpocc-article-content{max-width:940px!important;margin:0 auto!important;font-size:17px!important;line-height:1.78!important;color:#332742!important;}
.swpocc-article-content>p{max-width:780px!important;margin:0 auto 28px!important;}
.swpocc-tip-card{display:grid!important;grid-template-columns:78px minmax(0,1fr)!important;gap:26px!important;align-items:start!important;background:#fff!important;border:1px solid rgba(134,85,211,.14)!important;border-radius:26px!important;padding:28px 32px!important;margin:22px 0!important;box-shadow:0 14px 42px rgba(36,24,50,.065)!important;}
.swpocc-tip-icon{width:66px!important;height:66px!important;border-radius:22px!important;background:#8655d3!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;font-weight:900!important;font-size:24px!important;box-shadow:0 14px 30px rgba(134,85,211,.25)!important;}
.swpocc-tip-card h2{font-size:clamp(23px,2.4vw,31px)!important;line-height:1.12!important;letter-spacing:-.045em!important;margin:0 0 11px!important;color:#1d1430!important;}
.swpocc-tip-card p{font-size:16px!important;line-height:1.7!important;color:#3a2e48!important;margin:0!important;max-width:740px!important;}
.swpocc-related-deals,.swpocc-related-posts{max-width:1120px!important;margin-left:auto!important;margin-right:auto!important;}
/* Rechter statistiekblokken op occasion pagina's overal weg */
.swpocc-detail-page .swp-store-detail-stats,
.swpocc-detail-page .swp-store-hero-stats,
.swpocc-detail-page .swp-detail-stats,
.swpocc-detail-page [class*="stats"]{display:none!important;}
.swpocc-detail-page .swp-store-detail-hero,.swpocc-detail-hero{padding-bottom:38px!important;}
.swpocc-detail-page .swp-store-detail-actions{margin-top:30px!important;padding-bottom:14px!important;}
.swpocc-detail-page .swp-stores-primary-cta,.swpocc-detail-page .swp-stores-secondary-cta,.swpocc-detail-page .swp-outline-cta{margin-bottom:8px!important;}
.swpocc-detail-page,.swpocc-occasions-page,.swpocc-blog-page,.swpocc-blog-detail-page{padding-bottom:140px!important;}
@media(max-width:900px){
.swpocc-blog-intro-seo{grid-template-columns:1fr!important;padding:26px!important;gap:24px!important;}
.swpocc-article-hero{padding:22px!important;min-height:380px!important;}
.swpocc-article-hero-panel{padding:28px!important;}
.swpocc-tip-card{grid-template-columns:1fr!important;gap:15px!important;padding:24px!important;}
.swpocc-tip-icon{width:56px!important;height:56px!important;border-radius:18px!important;font-size:20px!important;}
}
@media(max-width:560px){
.swpocc-blog-hero h1,.swpocc-article-title{font-size:34px!important;}
.swpocc-article-hero{margin-top:0!important;border-radius:22px!important;}
.swpocc-article-hero-panel{border-radius:22px!important;padding:24px!important;}
.swpocc-blog-intro-seo{border-radius:24px!important;padding:22px!important;}
}
/* =========================================================
* 100/100 SEO & DESIGN FIX — artikelpagina's
* - geen datum/byline in hero of kaarten
* - geen blok-in-blok hero
* - buttons consequent #8655d3
* - rijkere, rustigere contentblokken
* ======================================================= */
:root{--occ-color:#8655d3;--swp-purple:#8655d3;}
.swp-inline-links a,
.swp-section-link,
.swpocc-blog-card-cta,
.swpocc-shortcode-more,
.swp-stores-primary-cta,
.swpocc-detail-page .swp-stores-primary-cta{color:#8655d3!important;border-color:rgba(134,85,211,.30)!important;}
.swp-stores-primary-cta,.swpocc-detail-page .swp-stores-primary-cta{background:#8655d3!important;color:#fff!important;box-shadow:0 12px 26px rgba(134,85,211,.24)!important;}
.swp-inline-links a:hover,.swp-section-link:hover,.swpocc-blog-card-cta:hover{color:#6f3fc2!important;border-color:#8655d3!important;}
.swpocc-blog-card-meta,.swpocc-article-byline{display:none!important;}
.swpocc-blog-card-body{padding-top:18px!important;}
.swpocc-blog-detail-page{max-width:1120px!important;margin-left:auto!important;margin-right:auto!important;}
.swpocc-article-hero.swpocc-article-hero--single{
display:grid!important;
grid-template-columns:minmax(0,1.02fr) minmax(320px,.98fr)!important;
gap:34px!important;
align-items:stretch!important;
min-height:0!important;
margin:10px 0 54px!important;
padding:36px!important;
border-radius:30px!important;
background:linear-gradient(135deg,#fff 0%,#fbf9ff 58%,#f5f0ff 100%)!important;
border:1px solid rgba(134,85,211,.16)!important;
box-shadow:0 22px 70px rgba(36,24,50,.08)!important;
overflow:hidden!important;
}
.swpocc-article-hero-copy{
display:flex!important;
flex-direction:column!important;
justify-content:center!important;
padding:10px 8px!important;
background:transparent!important;
border:0!important;
box-shadow:none!important;
max-width:620px!important;
}
.swpocc-article-hero-panel{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;backdrop-filter:none!important;}
.swpocc-article-hero-image{
margin:0!important;
min-height:360px!important;
border-radius:26px!important;
overflow:hidden!important;
border:1px solid rgba(134,85,211,.12)!important;
box-shadow:0 16px 50px rgba(36,24,50,.09)!important;
background:#f5f3ff!important;
}
.swpocc-article-hero-image img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;}
.swpocc-article-kicker{color:#8655d3!important;background:transparent!important;font-size:12px!important;font-weight:900!important;letter-spacing:.12em!important;text-transform:uppercase!important;margin-bottom:14px!important;}
.swpocc-article-title{font-size:clamp(34px,4vw,54px)!important;line-height:1.02!important;letter-spacing:-.06em!important;margin:0 0 18px!important;color:#1d1430!important;max-width:680px!important;}
.swpocc-article-intro{font-size:18px!important;line-height:1.72!important;color:#3a2e48!important;max-width:640px!important;margin:0!important;}
.swpocc-article-content{max-width:900px!important;margin:0 auto 68px!important;}
.swpocc-article-content>p:first-child,
.swpocc-article-content>p:nth-child(2){
font-size:18px!important;
line-height:1.78!important;
color:#3a2e48!important;
max-width:850px!important;
margin:0 0 18px!important;
}
.swpocc-tip-card{
grid-template-columns:76px minmax(0,1fr)!important;
background:linear-gradient(135deg,#fff 0%,#fbf9ff 100%)!important;
border:1px solid rgba(134,85,211,.16)!important;
border-radius:26px!important;
padding:30px 34px!important;
margin:24px 0!important;
box-shadow:0 14px 42px rgba(36,24,50,.06)!important;
}
.swpocc-tip-icon{background:#8655d3!important;color:#fff!important;box-shadow:0 12px 28px rgba(134,85,211,.25)!important;}
.swpocc-tip-card h2{font-size:clamp(22px,2.15vw,30px)!important;letter-spacing:-.045em!important;margin-bottom:10px!important;}
.swpocc-tip-card p{font-size:16.5px!important;line-height:1.76!important;color:#3a2e48!important;}
.swpocc-blog-intro-seo,.swp-stores-copy-aside,.swpocc-seo-aside{background:#f5f3ff!important;border-color:#ddd6fe!important;}
@media(max-width:900px){
.swpocc-article-hero.swpocc-article-hero--single{grid-template-columns:1fr!important;padding:24px!important;border-radius:24px!important;gap:22px!important;}
.swpocc-article-hero-image{min-height:240px!important;border-radius:22px!important;order:-1;}
.swpocc-article-title{font-size:clamp(30px,9vw,42px)!important;}
.swpocc-article-intro{font-size:16.5px!important;}
.swpocc-tip-card{grid-template-columns:1fr!important;padding:24px!important;}
}
/* =========================================================
* ULTIMATE 100/100 FIXES — breadcrumbs, 16px tekst, occasions, afbeeldingen
* ======================================================= */
.swpocc-breadcrumb{
display:flex;align-items:center;gap:8px;flex-wrap:wrap;
margin:0 0 22px!important;font-size:14px!important;line-height:1.4!important;color:#6f5d83!important;
}
.swpocc-breadcrumb a{color:#493a5d!important;text-decoration:none!important;font-weight:650!important;pointer-events:auto!important;cursor:pointer!important;}
.swpocc-breadcrumb a:hover{color:#8655d3!important;text-decoration:underline!important;text-underline-offset:3px!important;}
.swpocc-breadcrumb span[aria-current="page"]{color:#8655d3!important;font-weight:700!important;}
.swpocc-breadcrumb-sep{opacity:.55!important;}
/* Standaard tekst overal 16px binnen de plugin */
.swpocc-occasions-page,
.swpocc-detail-page,
.swpocc-blog-page,
.swpocc-blog-detail-page{font-size:16px!important;}
.swpocc-occasions-page p,
.swpocc-detail-page p,
.swpocc-blog-page p,
.swpocc-blog-detail-page p,
.swpocc-occasions-page li,
.swpocc-detail-page li,
.swpocc-blog-page li,
.swpocc-blog-detail-page li,
.swpocc-occasions-page .swp-content-intro,
.swpocc-detail-page .swp-content-intro,
.swpocc-blog-page .swp-content-intro,
.swpocc-blog-detail-page .swp-content-intro{font-size:16px!important;line-height:1.72!important;}
.swpocc-blog-card-excerpt{font-size:16px!important;line-height:1.62!important;}
.swpocc-blog-card-cta,.swp-section-link,.swp-inline-links a{color:#8655d3!important;}
/* Alle gelegenheden: één consistente Swipio-stijl, ook op Inspiraties */
.swpocc-blog-occasions{margin-top:54px!important;margin-bottom:54px!important;}
.swpocc-occasions-grid,.swpocc-occasions-grid--compact{
display:grid!important;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))!important;gap:16px!important;
}
.swpocc-occasion-card{
min-height:172px!important;padding:22px!important;border-radius:24px!important;
background:linear-gradient(180deg,var(--occ-pastel,#f6f1ff),#fff)!important;
border:1.5px solid var(--occ-border,#e4d7ff)!important;
box-shadow:0 10px 34px rgba(36,24,50,.055)!important;
}
.swpocc-occasion-icon{width:48px!important;height:48px!important;border-radius:16px!important;margin-bottom:8px!important;background:#fff!important;}
.swpocc-occasion-label{font-size:18px!important;line-height:1.16!important;font-weight:850!important;letter-spacing:-.025em!important;color:#1d1430!important;}
.swpocc-occasion-tagline{display:block!important;font-size:16px!important;line-height:1.45!important;color:#5d4b70!important;opacity:1!important;margin-top:2px!important;}
.swpocc-occasion-cta{font-size:15px!important;color:#8655d3!important;font-weight:850!important;margin-top:auto!important;}
/* Blog/inspiratie afbeeldingen altijd zichtbaar */
.swpocc-blog-card-media img,.swpocc-article-hero-image img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;}
.swpocc-blog-card-media{min-height:170px!important;overflow:hidden!important;}
.swpocc-article-hero--single{
display:grid!important;grid-template-columns:minmax(0,1fr) minmax(340px,48%)!important;gap:34px!important;align-items:center!important;
background:linear-gradient(135deg,#fff 0%,#fbf9ff 55%,#f6f1ff 100%)!important;
padding:44px!important;border-radius:30px!important;border:1px solid rgba(134,85,211,.14)!important;
box-shadow:0 22px 70px rgba(36,24,50,.09)!important;
}
.swpocc-article-hero-copy{max-width:620px!important;}
.swpocc-article-hero-image{display:block!important;margin:0!important;border-radius:26px!important;overflow:hidden!important;aspect-ratio:16/10!important;box-shadow:0 18px 44px rgba(36,24,50,.12)!important;}
.swpocc-article-kicker{color:#8655d3!important;}
.swpocc-article-byline,.swpocc-article-date,.swpocc-card-date{display:none!important;}
/* Meer SEO-waarde maar prettig scanbaar */
.swpocc-seo-section,.swpocc-blog-intro-seo,.swpocc-seo-text{font-size:16px!important;}
.swpocc-seo-main p,.swpocc-seo-text p,.swpocc-article-content p{font-size:16px!important;line-height:1.78!important;}
@media(max-width:900px){
.swpocc-article-hero--single{grid-template-columns:1fr!important;padding:24px!important;gap:22px!important;}
.swpocc-article-hero-image{order:-1!important;}
.swpocc-occasions-grid,.swpocc-occasions-grid--compact{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))!important;}
}
@media(max-width:560px){
.swpocc-occasions-grid,.swpocc-occasions-grid--compact{grid-template-columns:1fr!important;}
}
/* =========================================================
* FIX: Blog afbeeldingen zichtbaar en consistent
* ======================================================= */
.swpocc-blog-card-media{
position:relative!important;
display:block!important;
width:100%!important;
aspect-ratio:16/9!important;
min-height:190px!important;
background:#f4eefc!important;
overflow:hidden!important;
border-radius:20px 20px 0 0!important;
}
.swpocc-blog-card-media img{
display:block!important;
width:100%!important;
height:100%!important;
min-height:190px!important;
object-fit:cover!important;
object-position:center!important;
opacity:1!important;
visibility:visible!important;
}
.swpocc-blog-card-badge{
position:absolute!important;
left:18px!important;
top:16px!important;
z-index:3!important;
background:#8655d3!important;
color:#fff!important;
border-radius:999px!important;
padding:7px 12px!important;
font-size:12px!important;
line-height:1!important;
font-weight:800!important;
letter-spacing:.02em!important;
box-shadow:0 8px 18px rgba(134,85,211,.24)!important;
}
.swpocc-blog-card-link{display:block!important;text-decoration:none!important;}
.swpocc-blog-card{overflow:hidden!important;background:#fff!important;}
.swpocc-article-hero-image img{
display:block!important;
width:100%!important;
height:100%!important;
object-fit:cover!important;
object-position:center!important;
}
/* === Swipio Growth Engine === */
.swpocc-premium-page{font-size:16px;line-height:1.7}.swpocc-premium-hero{background:linear-gradient(135deg,#fff,#f7f2ff);border:1px solid #eadfff;border-radius:28px;padding:42px;margin:22px 0 28px;box-shadow:0 18px 60px rgba(36,24,50,.08)}.swpocc-premium-hero h1{font-size:clamp(34px,5vw,58px);line-height:1.05;margin:0 0 16px;color:#120c33}.swpocc-premium-hero p{max-width:760px;font-size:16px}.swpocc-eyebrow{text-transform:uppercase;color:#8655d3;font-weight:800;letter-spacing:.06em;font-size:13px}.swpocc-gift-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:24px;align-items:end}.swpocc-gift-form label{font-weight:700;color:#120c33;font-size:14px}.swpocc-gift-form input,.swpocc-gift-form select{width:100%;height:48px;border:1px solid #ded3f3;border-radius:16px;padding:0 14px;margin-top:7px;background:#fff;font-size:16px}.swpocc-gift-form button{height:48px;border:0;border-radius:999px;background:#8655d3;color:#fff;font-weight:800;padding:0 22px;cursor:pointer}.swpocc-chip-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.swpocc-chip-row span{background:#fff;border:1px solid #e1d5fb;color:#8655d3;border-radius:999px;padding:8px 14px;font-weight:700}.swpocc-section{margin:34px 0}.swpocc-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:28px 0}.swpocc-info-grid article,.swpocc-faq-section,.swpocc-empty{background:#fff;border:1px solid #e8e0f8;border-radius:24px;padding:26px;box-shadow:0 14px 44px rgba(36,24,50,.06)}.swpocc-premium-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.swpocc-premium-links a{display:block;text-decoration:none;background:#f6f0ff;border:1px solid #e5d8fb;border-radius:18px;padding:18px;color:#120c33}.swpocc-premium-links strong{display:block;font-size:18px}.swpocc-premium-links span{color:#8655d3;font-weight:700}.swpocc-faq-section details{border-top:1px solid #eee;padding:16px 0}.swpocc-faq-section summary{cursor:pointer;font-weight:800;color:#120c33}.swpocc-premium-grid{margin-top:18px}@media(max-width:800px){.swpocc-gift-form,.swpocc-info-grid{grid-template-columns:1fr}.swpocc-premium-hero{padding:28px}}
/* =========================================================
* 100/100 nette polish — typography, footer, logo, mobile
* ======================================================= */
.swpocc-page,
.swpocc-occasions-page,
.swpocc-detail-page,
.swpocc-blog-page,
.swpocc-blog-detail-page,
.swpocc-premium-page,
.swpocc-page p,
.swpocc-occasions-page p,
.swpocc-detail-page p,
.swpocc-blog-page p,
.swpocc-blog-detail-page p,
.swpocc-premium-page p,
.swpocc-page li,
.swpocc-occasions-page li,
.swpocc-detail-page li,
.swpocc-blog-page li,
.swpocc-blog-detail-page li,
.swpocc-premium-page li,
.swpocc-page a,
.swpocc-occasions-page a,
.swpocc-detail-page a,
.swpocc-blog-page a,
.swpocc-blog-detail-page a,
.swpocc-premium-page a {
font-size: 16px;
}
.swpocc-breadcrumb,
.swpocc-breadcrumb a,
.swpocc-breadcrumb span {
font-size: 14px !important;
}
.swpocc-blog-card-title,
.swpocc-blog-card-title a,
.swpocc-occasion-label,
.swpocc-occasion-cta,
.swpocc-pagination-item,
.swp-section-link {
font-size: inherit;
}
/* Footer links mogen nooit wit op wit worden */
footer a:hover,
.swp-footer a:hover,
.swp-page-footer a:hover,
[class*="footer"] a:hover {
color: #8655d3 !important;
}
/* Swipio logo/header binnen deze plugin niet sticky */
.swpocc-page ~ .swp-header,
.swpocc-occasions-page ~ .swp-header,
.swpocc-detail-page ~ .swp-header,
.swpocc-blog-page ~ .swp-header,
.swpocc-blog-detail-page ~ .swp-header,
.swpocc-premium-page ~ .swp-header,
.swp-header,
.swp-page-nav,
.swp-topbar,
.swp-navbar,
.swp-logo,
.swp-brand,
.swp-site-logo {
position: relative !important;
top: auto !important;
z-index: 20 !important;
}
.swp-page-nav {
margin-bottom: 0 !important;
}
/* Breadcrumb duidelijk klikbaar en onder de navigatie */
.swpocc-breadcrumb {
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
gap: 8px !important;
margin: 20px auto 18px !important;
padding: 0 20px !important;
max-width: 1180px !important;
position: relative !important;
z-index: 2 !important;
line-height: 1.4 !important;
}
.swpocc-breadcrumb a {
color: #8655d3 !important;
text-decoration: none !important;
font-weight: 600 !important;
pointer-events: auto !important;
}
.swpocc-breadcrumb a:hover {
text-decoration: underline !important;
color: #6f3ec1 !important;
}
.swpocc-breadcrumb span[aria-current="page"] { color: #5b5167 !important; }
/* Buttons altijd Swipio paars */
.swpocc-gift-form button,
.swpocc-page .button,
.swpocc-page .swp-stores-primary-cta,
.swpocc-detail-page .swp-stores-primary-cta {
background: #8655d3 !important;
border-color: #8655d3 !important;
color: #fff !important;
}
.swpocc-gift-form button:hover,
.swpocc-premium-page .swpocc-gift-form button:hover {
background: #7442c3 !important;
border-color: #7442c3 !important;
}
/* Cadeauzoeker form netter */
.swpocc-gift-form select,
.swpocc-gift-form input {
min-height: 46px;
font-size: 16px;
}
@media (max-width: 760px) {
.swp-page-nav,
.swp-header,
.swp-topbar,
.swp-navbar {
position: relative !important;
min-height: auto !important;
}
.swpocc-breadcrumb {
margin-top: 12px !important;
margin-bottom: 16px !important;
padding-left: 16px !important;
padding-right: 16px !important;
}
.swpocc-premium-hero,
.swp-content-header,
.swp-store-detail-hero {
padding-top: 18px !important;
}
}
/* =========================================================
* SMART GIFT COMBINATIONS ENGINE
* ======================================================= */
.swpocc-smart-combos,
.swpocc-gift-bundles {
margin: 54px 0 !important;
padding: 34px !important;
border-radius: 28px !important;
border: 1px solid #e8defa !important;
background: linear-gradient(135deg, #ffffff 0%, #f8f4ff 100%) !important;
box-shadow: 0 18px 50px rgba(36,24,50,.07) !important;
}
.swpocc-smart-combos .swp-section-heading-row,
.swpocc-gift-bundles .swp-section-heading-row {
margin-bottom: 22px !important;
}
.swpocc-smart-combos h2,
.swpocc-gift-bundles h2 {
color: #1d1430 !important;
letter-spacing: -.04em !important;
}
.swpocc-smart-combos p,
.swpocc-gift-bundles p {
font-size: 16px !important;
line-height: 1.65 !important;
color: #574865 !important;
}
.swpocc-combo-slider {
display: grid !important;
grid-auto-flow: column !important;
grid-auto-columns: minmax(220px, 260px) !important;
gap: 16px !important;
overflow-x: auto !important;
padding: 4px 2px 16px !important;
scroll-snap-type: x mandatory !important;
scrollbar-width: thin !important;
}
.swpocc-combo-slide {
scroll-snap-align: start !important;
min-width: 0 !important;
}
.swpocc-combo-slide .swp-deal-card,
.swpocc-bundle-mini .swp-deal-card {
height: 100% !important;
}
.swpocc-bundle-grid {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
gap: 18px !important;
}
.swpocc-bundle-card {
background: #fff !important;
border: 1px solid #eadffc !important;
border-radius: 24px !important;
padding: 20px !important;
box-shadow: 0 12px 34px rgba(36,24,50,.06) !important;
}
.swpocc-bundle-card h3 {
margin: 0 0 16px !important;
font-size: 20px !important;
line-height: 1.2 !important;
color: #1d1430 !important;
letter-spacing: -.03em !important;
}
.swpocc-bundle-products {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 12px !important;
}
.swpocc-bundle-mini { min-width: 0 !important; }
@media (max-width: 720px) {
.swpocc-smart-combos,
.swpocc-gift-bundles {
margin: 38px 0 !important;
padding: 22px 16px !important;
border-radius: 22px !important;
}
.swpocc-combo-slider {
grid-auto-columns: minmax(210px, 82vw) !important;
gap: 12px !important;
margin-right: -16px !important;
padding-right: 16px !important;
}
.swpocc-bundle-products { grid-template-columns: 1fr !important; }
}
/* =========================================================
* Final polish: combinatieblokken & zoekwoordchips
* ======================================================= */
.swpocc-chip-row,
.swpocc-premium-hero .swpocc-chip-row {
display: flex !important;
flex-wrap: wrap !important;
gap: 12px !important;
margin: 22px 0 0 !important;
padding: 0 !important;
border: 0 !important;
outline: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
.swpocc-chip-row span,
.swpocc-premium-hero .swpocc-chip-row span {
display: inline-flex !important;
align-items: center !important;
min-height: 42px !important;
padding: 9px 18px !important;
border-radius: 999px !important;
border: 1px solid #ded2f7 !important;
background: #fff !important;
color: #8655d3 !important;
font-size: 16px !important;
line-height: 1.2 !important;
font-weight: 800 !important;
box-shadow: 0 8px 22px rgba(36,24,50,.04) !important;
}
.swpocc-gift-bundles-clean {
background: #fff !important;
border: 1px solid #eadffc !important;
padding: 30px !important;
overflow: hidden !important;
}
.swpocc-gift-bundles-clean .swp-section-heading-row {
margin-bottom: 18px !important;
}
.swpocc-bundle-list {
display: grid !important;
gap: 18px !important;
}
.swpocc-bundle-row {
background: linear-gradient(135deg, #ffffff 0%, #fbf8ff 100%) !important;
border: 1px solid #eadffc !important;
border-radius: 24px !important;
padding: 20px !important;
box-shadow: 0 12px 34px rgba(36,24,50,.055) !important;
min-width: 0 !important;
}
.swpocc-bundle-row-head {
display: flex !important;
align-items: flex-end !important;
justify-content: space-between !important;
gap: 18px !important;
margin-bottom: 14px !important;
}
.swpocc-bundle-row-head h3 {
margin: 0 !important;
color: #1d1430 !important;
font-size: clamp(22px, 3vw, 30px) !important;
line-height: 1.08 !important;
letter-spacing: -.04em !important;
}
.swpocc-bundle-row-head p {
margin: 0 !important;
max-width: 390px !important;
font-size: 16px !important;
line-height: 1.5 !important;
color: #61516e !important;
}
.swpocc-bundle-rail {
display: grid !important;
grid-auto-flow: column !important;
grid-auto-columns: minmax(220px, 245px) !important;
gap: 14px !important;
overflow-x: auto !important;
overflow-y: hidden !important;
padding: 2px 2px 14px !important;
scroll-snap-type: x mandatory !important;
scrollbar-width: thin !important;
}
.swpocc-bundle-item {
scroll-snap-align: start !important;
min-width: 0 !important;
}
.swpocc-bundle-item .swp-deal-card,
.swpocc-combo-slide .swp-deal-card {
min-height: 100% !important;
width: 100% !important;
}
/* oude 2-koloms bundelkaarten uitschakelen wanneer oude markup nog gecachet is */
.swpocc-gift-bundles-clean .swpocc-bundle-grid,
.swpocc-gift-bundles-clean .swpocc-bundle-products {
display: block !important;
}
@media (max-width: 720px) {
.swpocc-gift-bundles-clean { padding: 20px 14px !important; }
.swpocc-bundle-row { padding: 16px !important; border-radius: 20px !important; }
.swpocc-bundle-row-head { display: block !important; }
.swpocc-bundle-row-head p { margin-top: 8px !important; }
.swpocc-bundle-rail { grid-auto-columns: minmax(210px, 78vw) !important; margin-right: -14px !important; padding-right: 14px !important; }
.swpocc-chip-row span { font-size: 15px !important; min-height: 40px !important; padding: 8px 15px !important; }
}
/* =========================================================
* 100/100 final: losse zoekwoord-tags zonder containerblok
* ======================================================= */
.swpocc-premium-hero .swpocc-chip-row,
.swpocc-chip-row,
.swpocc-loose-tags {
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
gap: 12px !important;
margin: 22px 0 0 !important;
padding: 0 !important;
width: auto !important;
max-width: none !important;
border: 0 !important;
outline: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
.swpocc-premium-hero .swpocc-chip-row::before,
.swpocc-premium-hero .swpocc-chip-row::after,
.swpocc-chip-row::before,
.swpocc-chip-row::after,
.swpocc-loose-tags::before,
.swpocc-loose-tags::after {
content: none !important;
display: none !important;
}
.swpocc-loose-tags a,
.swpocc-chip-row span {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 40px !important;
padding: 8px 18px !important;
border-radius: 999px !important;
border: 1px solid #ded2f7 !important;
background: #fff !important;
color: #8655d3 !important;
font-size: 16px !important;
line-height: 1.2 !important;
font-weight: 800 !important;
text-decoration: none !important;
box-shadow: 0 8px 22px rgba(36,24,50,.04) !important;
}
.swpocc-loose-tags a:hover,
.swpocc-chip-row span:hover {
color: #fff !important;
background: #8655d3 !important;
border-color: #8655d3 !important;
}
@media (max-width: 720px) {
.swpocc-loose-tags,
.swpocc-chip-row { gap: 8px !important; margin-top: 18px !important; }
.swpocc-loose-tags a,
.swpocc-chip-row span { font-size: 15px !important; min-height: 38px !important; padding: 8px 14px !important; }
}
/* Smart Gift Comparison Engine */
.swpocc-comparison-page{font-size:16px;line-height:1.7}.swpocc-comparison-hero{background:linear-gradient(135deg,#fff,#f8f4ff);border:1px solid #eadfff;border-radius:30px;padding:42px;margin:22px 0 30px;box-shadow:0 18px 60px rgba(36,24,50,.07)}.swpocc-comparison-hero h1{font-size:clamp(34px,5vw,58px);line-height:1.05;margin:0 0 16px;color:#120c33}.swpocc-comparison-hero p{max-width:860px;font-size:16px;color:#332a4d}.swpocc-comparison-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.swpocc-comparison-card{display:block;text-decoration:none;background:#fff;border:1px solid #e7def8;border-radius:24px;padding:24px;box-shadow:0 14px 44px rgba(36,24,50,.06);color:#120c33;transition:transform .18s ease,box-shadow .18s ease}.swpocc-comparison-card:hover{transform:translateY(-3px);box-shadow:0 22px 60px rgba(36,24,50,.1)}.swpocc-comparison-card span{display:block;color:#8655d3;font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:12px;margin-bottom:10px}.swpocc-comparison-card h2{font-size:24px;line-height:1.12;margin:0 0 10px}.swpocc-comparison-card p{font-size:16px;color:#4c4263;margin:0 0 18px}.swpocc-comparison-card strong{color:#8655d3}.swpocc-comparison-table-wrap{background:#fff;border:1px solid #e7def8;border-radius:26px;padding:28px;margin:28px 0;box-shadow:0 14px 44px rgba(36,24,50,.06)}.swpocc-comparison-table-wrap h2{margin-top:0}.swpocc-comparison-table{display:grid;grid-template-columns:minmax(120px,.8fr) repeat(2,minmax(0,1fr));overflow:hidden;border:1px solid #eee7fb;border-radius:20px}.swpocc-comparison-table>div{padding:16px;border-bottom:1px solid #eee7fb;border-right:1px solid #eee7fb;background:#fff}.swpocc-comparison-table>div:nth-child(3n){border-right:0}.swpocc-comparison-table>div:nth-child(-n+3){background:#f7f1ff;color:#120c33}.swpocc-two-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.swpocc-two-compare>article{background:#fff;border:1px solid #e8e0f8;border-radius:28px;padding:26px;box-shadow:0 14px 44px rgba(36,24,50,.06)}.swpocc-two-compare h2{font-size:28px;line-height:1.12;margin:0 0 8px}.swpocc-compare-products{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-top:18px}.swpocc-compare-product .swp-deal-card{height:100%}.swpocc-comparison-page .swpocc-loose-tags{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.swpocc-comparison-page .swpocc-loose-tags a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border:1px solid #d8c8f5;border-radius:999px;background:#fff;color:#8655d3;text-decoration:none;font-weight:800}.swpocc-comparison-page .swpocc-loose-tags a:hover{background:#8655d3;color:#fff}@media(max-width:900px){.swpocc-two-compare{grid-template-columns:1fr}.swpocc-comparison-table{grid-template-columns:1fr}.swpocc-comparison-table>div{border-right:0}.swpocc-comparison-hero{padding:28px}.swpocc-compare-products{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.swpocc-compare-products{grid-template-columns:1fr}}
/* -------------------------------------------------------
* FAQ CLEAN / WHITE STYLE FIX
* ----------------------------------------------------- */
.swpocc-page .swp-faq-list,
.swpocc-premium-page .swp-faq-list,
.swpocc-comparison-page .swp-faq-list,
.swpocc-faq .swp-faq-list,
.swpocc-faq-section .swp-faq-list{
display:flex !important;
flex-direction:column !important;
gap:12px !important;
}
.swpocc-page .swp-faq-item,
.swpocc-premium-page .swp-faq-item,
.swpocc-comparison-page .swp-faq-item,
.swpocc-faq .swp-faq-item,
.swpocc-faq-section .swp-faq-item{
background:#fff !important;
border:1px solid rgba(134,85,211,.18) !important;
border-radius:18px !important;
box-shadow:0 10px 30px rgba(36,24,50,.045) !important;
padding:0 !important;
overflow:hidden !important;
}
.swpocc-page .swp-faq-q,
.swpocc-premium-page .swp-faq-q,
.swpocc-comparison-page .swp-faq-q,
.swpocc-faq .swp-faq-q,
.swpocc-faq-section .swp-faq-q{
width:100% !important;
appearance:none !important;
border:0 !important;
background:transparent !important;
background-color:transparent !important;
color:#140d33 !important;
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
gap:16px !important;
padding:20px 22px !important;
min-height:64px !important;
text-align:left !important;
cursor:pointer !important;
font-size:16px !important;
font-weight:800 !important;
line-height:1.35 !important;
border-radius:18px !important;
box-shadow:none !important;
}
.swpocc-page .swp-faq-q:hover,
.swpocc-premium-page .swp-faq-q:hover,
.swpocc-comparison-page .swp-faq-q:hover,
.swpocc-faq .swp-faq-q:hover,
.swpocc-faq-section .swp-faq-q:hover{
background:rgba(134,85,211,.055) !important;
color:#140d33 !important;
}
.swpocc-page .swp-faq-q[aria-expanded="true"],
.swpocc-premium-page .swp-faq-q[aria-expanded="true"],
.swpocc-comparison-page .swp-faq-q[aria-expanded="true"],
.swpocc-faq .swp-faq-q[aria-expanded="true"],
.swpocc-faq-section .swp-faq-q[aria-expanded="true"]{
background:rgba(134,85,211,.045) !important;
color:#140d33 !important;
}
.swpocc-page .swp-faq-chevron,
.swpocc-premium-page .swp-faq-chevron,
.swpocc-comparison-page .swp-faq-chevron,
.swpocc-faq .swp-faq-chevron,
.swpocc-faq-section .swp-faq-chevron{
color:#8655d3 !important;
flex:0 0 auto !important;
transition:transform .18s ease !important;
}
.swpocc-page .swp-faq-q[aria-expanded="true"] .swp-faq-chevron,
.swpocc-premium-page .swp-faq-q[aria-expanded="true"] .swp-faq-chevron,
.swpocc-comparison-page .swp-faq-q[aria-expanded="true"] .swp-faq-chevron,
.swpocc-faq .swp-faq-q[aria-expanded="true"] .swp-faq-chevron,
.swpocc-faq-section .swp-faq-q[aria-expanded="true"] .swp-faq-chevron{
transform:rotate(180deg) !important;
}
.swpocc-page .swp-faq-a,
.swpocc-premium-page .swp-faq-a,
.swpocc-comparison-page .swp-faq-a,
.swpocc-faq .swp-faq-a,
.swpocc-faq-section .swp-faq-a{
background:transparent !important;
color:#3f3655 !important;
padding:0 22px 22px !important;
border-top:1px solid rgba(134,85,211,.10) !important;
font-size:16px !important;
line-height:1.7 !important;
}
.swpocc-page .swp-faq-a p,
.swpocc-premium-page .swp-faq-a p,
.swpocc-comparison-page .swp-faq-a p,
.swpocc-faq .swp-faq-a p,
.swpocc-faq-section .swp-faq-a p{
margin:16px 0 0 !important;
font-size:16px !important;
line-height:1.7 !important;
}
/* Ook native details/summary FAQ's in dezelfde rustige stijl */
.swpocc-faq-section details{
background:#fff !important;
border:1px solid rgba(134,85,211,.18) !important;
border-radius:18px !important;
padding:0 !important;
margin:0 0 12px !important;
box-shadow:0 10px 30px rgba(36,24,50,.045) !important;
overflow:hidden !important;
}
.swpocc-faq-section summary{
background:transparent !important;
color:#140d33 !important;
padding:20px 22px !important;
font-size:16px !important;
font-weight:800 !important;
cursor:pointer !important;
}
.swpocc-faq-section details[open] summary{
background:rgba(134,85,211,.045) !important;
}
.swpocc-faq-section details > *:not(summary){
padding:0 22px 22px !important;
font-size:16px !important;
line-height:1.7 !important;
}
/* TikTok & Pinterest Trends Engine */
.swpocc-trends-page{font-size:16px;line-height:1.7}.swpocc-trends-hero{position:relative;overflow:hidden}.swpocc-trends-hero:after{content:"";position:absolute;right:-80px;top:-120px;width:280px;height:280px;background:radial-gradient(circle,rgba(134,85,211,.18),rgba(255,255,255,0) 70%);pointer-events:none}.swpocc-trend-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.swpocc-trend-card{display:block;text-decoration:none;color:#120c33;background:#fff;border:1px solid #e7def8;border-radius:26px;padding:24px;box-shadow:0 14px 44px rgba(36,24,50,.06);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.swpocc-trend-card:hover{transform:translateY(-3px);box-shadow:0 22px 60px rgba(36,24,50,.10);border-color:#d8c6f8}.swpocc-trend-card>span{display:block;color:#8655d3;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px}.swpocc-trend-card h2{font-size:26px;line-height:1.1;margin:0 0 10px}.swpocc-trend-card p{font-size:16px;color:#4c4263;margin:0 0 18px}.swpocc-trend-card strong{display:inline-flex;margin-top:16px;color:#8655d3}.swpocc-trend-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0 2px}.swpocc-trend-thumbs img{width:100%;aspect-ratio:1/1;object-fit:contain;background:#faf8ff;border:1px solid #efe9fb;border-radius:14px;padding:6px}.swpocc-trend-tags{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.swpocc-trend-tags a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border:1px solid #d8c8f5;border-radius:999px;background:#fff;color:#8655d3;text-decoration:none;font-weight:800;box-shadow:0 8px 22px rgba(36,24,50,.04)}.swpocc-trend-tags a:first-child{background:#8655d3;color:#fff;border-color:#8655d3}.swpocc-trend-tags a:hover{background:#f5efff;color:#6f3fd0}@media(max-width:720px){.swpocc-trend-grid{grid-template-columns:1fr}.swpocc-trend-card h2{font-size:24px}.swpocc-trend-tags a{min-height:40px;padding:0 14px}}
/* Realtime Trending + Wishlist */
.swpocc-realtime-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.swpocc-realtime-badges span{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(134,85,211,.22);background:#fff;border-radius:999px;padding:10px 14px;font-weight:800;color:#241832}.swpocc-wishlist-ready{position:relative}.swpocc-wishlist-btn{position:absolute;right:12px;top:12px;z-index:9;width:38px;height:38px;border:1px solid rgba(134,85,211,.24)!important;border-radius:999px!important;background:#fff!important;color:#8655d3!important;box-shadow:0 10px 28px rgba(36,24,50,.10);font-size:22px!important;line-height:1!important;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s ease,background .15s ease,color .15s ease}.swpocc-wishlist-btn:hover{transform:translateY(-2px);background:#f7f1ff!important;color:#6f3ec1!important}.swpocc-wishlist-btn.is-active{background:#8655d3!important;color:#fff!important}.swpocc-floating-wishlist{position:fixed;right:24px;bottom:24px;z-index:90;display:inline-flex;align-items:center;gap:8px;padding:12px 16px;border-radius:999px;background:#fff;color:#8655d3!important;border:1px solid rgba(134,85,211,.24);box-shadow:0 18px 45px rgba(36,24,50,.14);font-weight:900;text-decoration:none!important}.swpocc-floating-wishlist:hover{background:#f7f1ff;color:#6f3ec1!important}.swpocc-wish-count{min-width:22px;height:22px;border-radius:999px;background:#8655d3;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:13px}.swpocc-share-box{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:18px}.swpocc-share-box input{min-width:min(520px,100%);flex:1;border:1px solid rgba(134,85,211,.22);border-radius:999px;padding:13px 16px;font-size:16px;background:#fff}.swpocc-share-box button,.swpocc-btn{border:0;border-radius:999px;background:#8655d3;color:#fff!important;padding:13px 18px;font-weight:900;text-decoration:none!important;cursor:pointer}.swpocc-wishlist-fallback{background:#fff;border:1px solid rgba(134,85,211,.16);border-radius:24px;padding:22px;box-shadow:0 16px 44px rgba(36,24,50,.06);display:flex;flex-direction:column;gap:14px}.swpocc-wishlist-fallback img{width:100%;height:180px;object-fit:contain;background:#faf8ff;border-radius:18px}@media(max-width:680px){.swpocc-floating-wishlist{right:14px;bottom:14px}.swpocc-wishlist-btn{right:8px;top:8px;width:34px;height:34px}.swpocc-share-box{display:block}.swpocc-share-box input{width:100%;margin-bottom:10px}.swpocc-share-box button{width:100%}}
/* Sfeerpagina's, budget wizard en persoonlijkheid matching */
.swpocc-abp-page .swpocc-abp-hero{background:linear-gradient(180deg,#fff 0%,#faf7ff 100%);border:1px solid #eee7fb;border-radius:28px;padding:34px;margin-bottom:26px;}
.swpocc-abp-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:18px;}
.swpocc-abp-card{display:flex;flex-direction:column;gap:10px;text-decoration:none;background:#fff;border:1px solid #ece5f8;border-radius:22px;padding:22px;box-shadow:0 10px 30px rgba(45,30,70,.06);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;color:#231b32;}
.swpocc-abp-card:hover{transform:translateY(-2px);box-shadow:0 14px 38px rgba(45,30,70,.10);border-color:#d8c4f3;}
.swpocc-abp-card span{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#8655d3;}
.swpocc-abp-card strong{font-size:20px;line-height:1.25;color:#1f172e;}
.swpocc-abp-card p{font-size:16px;line-height:1.65;color:#5f536f;margin:0;}
.swpocc-abp-card em{font-style:normal;font-weight:700;color:#8655d3;margin-top:auto;}
.swpocc-loose-tags span{display:inline-flex;align-items:center;border:1px solid #e7dcf7;background:#fff;color:#6b3bb2;border-radius:999px;padding:8px 13px;margin:0 7px 9px 0;font-size:14px;font-weight:600;}
@media (max-width:720px){.swpocc-abp-page .swpocc-abp-hero{padding:24px;border-radius:22px}.swpocc-abp-card-grid{grid-template-columns:1fr}.swpocc-abp-card{padding:18px}}
/* =========================================================
* FINAL CLEAN UI PATCH 1.8.1
* - FAQ overal wit/transparant en exact dezelfde layout
* - geen brede paarse button override meer in productkaarten
* - wishlist hartjes rustig wit i.p.v. grote paarse pillen
* - losse tags blijven los, nooit in een kaderblok
* ======================================================= */
.swpocc-page button:not(.swpocc-wishlist-btn):not(.swp-faq-q):not(.swpocc-copy-share),
.swpocc-premium-page button:not(.swpocc-wishlist-btn):not(.swp-faq-q):not(.swpocc-copy-share),
.swpocc-blog-page button:not(.swpocc-wishlist-btn):not(.swp-faq-q):not(.swpocc-copy-share),
.swpocc-blog-detail-page button:not(.swpocc-wishlist-btn):not(.swp-faq-q):not(.swpocc-copy-share){
box-shadow:none;
}
.swp-mini-grid .swp-deal-card button:not(.swpocc-wishlist-btn),
.swp-mini-grid [data-deal-id] button:not(.swpocc-wishlist-btn),
.swpocc-compare-products .swp-deal-card button:not(.swpocc-wishlist-btn){
background:revert !important;
background-color:revert !important;
border-color:revert !important;
color:revert !important;
}
.swpocc-wishlist-btn,
.swpocc-wishlist-btn.is-active{
width:40px !important;
height:40px !important;
border-radius:999px !important;
background:#fff !important;
color:#8655d3 !important;
border:1px solid rgba(134,85,211,.28) !important;
box-shadow:0 10px 28px rgba(36,24,50,.10) !important;
font-size:21px !important;
}
.swpocc-wishlist-btn:hover,
.swpocc-wishlist-btn.is-active:hover{
background:#f8f4ff !important;
color:#7442c3 !important;
transform:translateY(-1px) !important;
}
.swpocc-wishlist-btn.is-active{
border-color:#8655d3 !important;
}
.swpocc-floating-wishlist{
background:#fff !important;
color:#8655d3 !important;
border:1px solid rgba(134,85,211,.24) !important;
}
.swpocc-floating-wishlist:hover{
background:#f8f4ff !important;
color:#7442c3 !important;
}
.swpocc-wish-count{
background:#8655d3 !important;
color:#fff !important;
}
.swpocc-faq,
.swpocc-faq-section{
background:transparent !important;
border:0 !important;
border-top:1px solid rgba(36,24,50,.07) !important;
box-shadow:none !important;
padding:38px 0 0 !important;
margin:42px 0 !important;
}
.swpocc-faq > .swp-eyebrow,
.swpocc-faq-section > .swp-eyebrow{
color:#8655d3 !important;
}
.swpocc-faq h2,
.swpocc-faq-section h2{
color:#140d33 !important;
margin:0 0 18px !important;
}
.swpocc-faq .swp-faq-list,
.swpocc-faq-section .swp-faq-list{
display:grid !important;
grid-template-columns:1fr !important;
gap:12px !important;
}
.swpocc-faq .swp-faq-item,
.swpocc-faq-section .swp-faq-item{
background:#fff !important;
border:1px solid rgba(134,85,211,.16) !important;
border-radius:20px !important;
padding:0 !important;
box-shadow:0 12px 34px rgba(36,24,50,.045) !important;
overflow:hidden !important;
}
.swpocc-faq .swp-faq-q,
.swpocc-faq-section .swp-faq-q,
.swpocc-page .swp-faq-q,
.swpocc-premium-page .swp-faq-q,
.swpocc-comparison-page .swp-faq-q{
background:transparent !important;
background-color:transparent !important;
color:#140d33 !important;
border:0 !important;
box-shadow:none !important;
width:100% !important;
padding:20px 22px !important;
min-height:64px !important;
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
gap:14px !important;
text-align:left !important;
font-size:16px !important;
font-weight:800 !important;
line-height:1.35 !important;
cursor:pointer !important;
}
.swpocc-faq .swp-faq-q:hover,
.swpocc-faq-section .swp-faq-q:hover,
.swpocc-page .swp-faq-q:hover,
.swpocc-premium-page .swp-faq-q:hover,
.swpocc-comparison-page .swp-faq-q:hover{
background:rgba(134,85,211,.045) !important;
color:#140d33 !important;
}
.swpocc-faq .swp-faq-chevron,
.swpocc-faq-section .swp-faq-chevron{
color:#8655d3 !important;
}
.swpocc-faq .swp-faq-a,
.swpocc-faq-section .swp-faq-a,
.swpocc-page .swp-faq-a,
.swpocc-premium-page .swp-faq-a,
.swpocc-comparison-page .swp-faq-a{
background:transparent !important;
border-top:1px solid rgba(134,85,211,.10) !important;
color:#3f3655 !important;
padding:0 22px 22px !important;
font-size:16px !important;
line-height:1.7 !important;
}
.swpocc-faq .swp-faq-a p,
.swpocc-faq-section .swp-faq-a p{
font-size:16px !important;
line-height:1.7 !important;
margin:16px 0 0 !important;
}
.swpocc-loose-tags,
.swpocc-trend-tags{
background:transparent !important;
border:0 !important;
outline:0 !important;
box-shadow:none !important;
padding:0 !important;
}
@media(max-width:760px){
.swpocc-wishlist-btn{width:36px !important;height:36px !important;right:9px !important;top:9px !important;}
.swpocc-faq .swp-faq-q,.swpocc-faq-section .swp-faq-q{padding:17px 18px !important;}
}
/* =========================================================
* 100/100 Wishlist & floating controls fix
* - wishlist en scroll-top knoppen overlappen niet meer
* - opgeslagen wishlistproducten gebruiken dezelfde kaartstijl
* ======================================================= */
.swpocc-floating-wishlist{
right: 88px !important;
bottom: 24px !important;
min-height: 46px !important;
padding: 10px 15px !important;
gap: 8px !important;
z-index: 120 !important;
}
.swpocc-floating-wishlist + button,
.swpocc-floating-wishlist + a,
button[class*="scroll"],
a[class*="scroll"],
button[class*="top"],
a[class*="top"],
[class*="back-to-top"],
[class*="scroll-to-top"]{
z-index: 119 !important;
}
.swpocc-wishlist-grid{
align-items: stretch !important;
}
.swpocc-wishlist-card,
.swpocc-wishlist-fallback.swp-deal-card{
position: relative !important;
display: flex !important;
flex-direction: column !important;
min-height: 100% !important;
overflow: hidden !important;
background: #fff !important;
border: 1px solid rgba(134,85,211,.14) !important;
border-radius: 22px !important;
box-shadow: 0 10px 35px rgba(36,24,50,.06) !important;
color: #1d1430 !important;
}
.swpocc-wishlist-card-link{
display: flex !important;
flex-direction: column !important;
height: 100% !important;
color: inherit !important;
text-decoration: none !important;
}
.swpocc-wishlist-card-media{
width: 100% !important;
aspect-ratio: 1 / 1 !important;
min-height: 190px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
background: #faf8ff !important;
border-radius: 18px 18px 0 0 !important;
overflow: hidden !important;
padding: 14px !important;
}
.swpocc-wishlist-card-media img{
width: 100% !important;
height: 100% !important;
object-fit: contain !important;
display: block !important;
}
.swpocc-wishlist-card-body{
display: flex !important;
flex-direction: column !important;
gap: 8px !important;
padding: 18px 18px 20px !important;
flex: 1 1 auto !important;
}
.swpocc-wishlist-card .swp-deal-title{
margin: 0 !important;
font-size: 16px !important;
line-height: 1.25 !important;
font-weight: 850 !important;
color: #1d1430 !important;
letter-spacing: -.02em !important;
}
.swpocc-wishlist-card-store{
font-size: 13px !important;
color: #7b6a8c !important;
font-weight: 700 !important;
}
.swpocc-wishlist-card-cta{
margin-top: auto !important;
color: #8655d3 !important;
font-size: 14px !important;
font-weight: 850 !important;
}
.swpocc-wishlist-card-placeholder{
width: 72px !important;
height: 72px !important;
border-radius: 24px !important;
background: #f3ecff !important;
color: #8655d3 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 34px !important;
font-weight: 800 !important;
}
.swpocc-wishlist-page .swpocc-wishlist-btn{
top: 12px !important;
right: 12px !important;
}
@media(max-width: 760px){
.swpocc-floating-wishlist{
right: 76px !important;
bottom: 14px !important;
min-height: 42px !important;
padding: 9px 13px !important;
}
.swpocc-wishlist-card-media{min-height: 170px !important;}
}
/* Wat kopen anderen — social proof labels */
.swpocc-social-proof-badge{
display: inline-flex !important;
align-items: center !important;
width: fit-content !important;
max-width: 100% !important;
margin-top: 10px !important;
padding: 7px 11px !important;
border: 1px solid rgba(134,85,211,.18) !important;
background: rgba(134,85,211,.07) !important;
color: #8655d3 !important;
border-radius: 999px !important;
font-size: 12px !important;
line-height: 1.2 !important;
font-weight: 800 !important;
letter-spacing: -.01em !important;
}
.swpocc-social-proof-section .swpocc-section-head{
display:flex !important;
align-items:flex-end !important;
justify-content:space-between !important;
gap:18px !important;
margin-bottom:22px !important;
}
.swpocc-social-proof-section .swpocc-section-head h2{margin:0 0 6px !important;}
.swpocc-social-proof-section .swpocc-section-head p{margin:0 !important;color:#766b86 !important;}
.swpocc-social-proof-section .swpocc-section-head a{color:#8655d3 !important;font-weight:850 !important;text-decoration:none !important;}
@media(max-width:760px){
.swpocc-social-proof-section .swpocc-section-head{display:block !important;}
.swpocc-social-proof-section .swpocc-section-head a{display:inline-block !important;margin-top:12px !important;}
}
/* AI Cadeaucoach — nette Swipio layout */
.swpocc-ai-coach-page{font-size:16px!important;}
.swpocc-ai-hero{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;margin:20px auto 24px!important;padding:34px!important;border-radius:28px!important;background:linear-gradient(135deg,#fff,#f7f1ff)!important;border:1px solid #eee6fb!important;box-shadow:0 16px 45px rgba(55,36,92,.07)!important;}
.swpocc-ai-hero h1{font-size:clamp(32px,5vw,54px)!important;line-height:1.04!important;margin:0 0 12px!important;color:#221531!important;font-weight:850!important;letter-spacing:-.04em!important;}
.swpocc-ai-hero p{max-width:820px!important;font-size:17px!important;line-height:1.75!important;color:#665b73!important;margin:0!important;}
.swpocc-ai-coach-panel{margin:0 0 28px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;}
.swpocc-ai-form{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;align-items:end!important;}
.swpocc-ai-form label{display:flex!important;flex-direction:column!important;gap:8px!important;font-weight:800!important;color:#251637!important;font-size:14px!important;}
.swpocc-ai-form label span{padding-left:2px!important;}
.swpocc-ai-form select,.swpocc-ai-form input{width:100%!important;height:50px!important;border:1px solid #ded4ef!important;border-radius:16px!important;background:#fff!important;color:#21152f!important;padding:0 15px!important;font-size:16px!important;box-shadow:0 8px 24px rgba(47,30,72,.04)!important;outline:none!important;}
.swpocc-ai-form select:focus,.swpocc-ai-form input:focus{border-color:#8655d3!important;box-shadow:0 0 0 4px rgba(134,85,211,.12)!important;}
.swpocc-ai-wide{grid-column:span 2!important;}
.swpocc-ai-actions{display:flex!important;gap:12px!important;align-items:center!important;}
.swpocc-ai-actions button{height:50px!important;border:0!important;border-radius:999px!important;background:#8655d3!important;color:#fff!important;font-weight:850!important;font-size:16px!important;padding:0 22px!important;cursor:pointer!important;box-shadow:0 12px 28px rgba(134,85,211,.24)!important;}
.swpocc-ai-actions a{height:50px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;color:#8655d3!important;font-weight:800!important;text-decoration:none!important;padding:0 8px!important;}
.swpocc-social-proof-badge{background:#fff!important;border:1px solid #eadff8!important;color:#5e3d91!important;border-radius:999px!important;display:inline-flex!important;width:max-content!important;max-width:100%!important;margin-top:10px!important;padding:6px 10px!important;font-size:12px!important;font-weight:800!important;line-height:1.2!important;box-shadow:0 8px 22px rgba(62,39,96,.06)!important;}
@media(max-width:860px){.swpocc-ai-form{grid-template-columns:1fr!important}.swpocc-ai-wide{grid-column:auto!important}.swpocc-ai-actions{flex-wrap:wrap!important}.swpocc-ai-actions button{width:100%!important}.swpocc-ai-hero{padding:24px!important;border-radius:22px!important}}
/* =========================================================
* SWIPIO OCCASIONS 100 PLATFORM FINAL
* SEO/UX consistency, mobile polish, no-login experience
* ======================================================= */
:root{--swpocc-purple:#8655d3;--swpocc-purple-dark:#6f3ec1;--swpocc-soft:#f7f2ff;--swpocc-border:#e7dcfb;--swpocc-text:#241832;}
html body.swp-body{background:#fff!important;color:var(--swpocc-text)!important;}
.swpocc-page,.swpocc-occasions-page,.swpocc-detail-page,.swpocc-blog-page,.swpocc-blog-detail-page,.swpocc-premium-page,.swpocc-comparison-page{font-size:16px!important;line-height:1.72!important;}
.swpocc-page p,.swpocc-occasions-page p,.swpocc-detail-page p,.swpocc-blog-page p,.swpocc-blog-detail-page p,.swpocc-premium-page p,.swpocc-comparison-page p,.swpocc-page li,.swpocc-premium-page li{font-size:16px!important;line-height:1.72!important;}
.swpocc-page h1,.swpocc-premium-page h1,.swpocc-comparison-page h1{letter-spacing:-.055em!important;color:#171026!important;}
.swpocc-page h2,.swpocc-premium-page h2,.swpocc-comparison-page h2{letter-spacing:-.04em!important;color:#171026!important;}
/* Links and footer hover */
.swpocc-page a:not(.swp-deal-card):not(.swpocc-occasion-card),.swpocc-premium-page a:not(.swp-deal-card),.swpocc-comparison-page a:not(.swp-deal-card){color:var(--swpocc-purple);}
footer a:hover,.swp-footer a:hover,.swp-page-footer a:hover,[class*="footer"] a:hover{color:var(--swpocc-purple)!important;background:transparent!important;}
/* Header/logo never sticky on Occasions pages */
body[class*="swp-view-"] .swp-header,body[class*="swp-view-"] .swp-page-nav,body[class*="swp-view-"] .swp-topbar,body[class*="swp-view-"] .swp-navbar,body[class*="swp-view-"] .swp-logo,body[class*="swp-view-"] .swp-brand,body[class*="swp-view-"] .swp-site-logo{position:relative!important;top:auto!important;z-index:20!important;transform:none!important;}
/* Breadcrumbs */
.swpocc-breadcrumb{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:8px!important;max-width:1180px!important;margin:18px auto 20px!important;padding:0 20px!important;line-height:1.35!important;position:relative!important;z-index:3!important;}
.swpocc-breadcrumb a,.swpocc-breadcrumb span{font-size:14px!important;}
.swpocc-breadcrumb a{color:var(--swpocc-purple)!important;text-decoration:none!important;font-weight:700!important;cursor:pointer!important;pointer-events:auto!important;}
.swpocc-breadcrumb a:hover{color:var(--swpocc-purple-dark)!important;text-decoration:underline!important;text-underline-offset:3px!important;}
.swpocc-breadcrumb span[aria-current="page"]{color:#6b5b78!important;font-weight:700!important;}
/* CTA system: filled only for real submit/primary, chips remain white */
.swpocc-ai-actions button,.swpocc-gift-form button,.swpocc-copy-share,.swpocc-page .swp-stores-primary-cta,.swpocc-detail-page .swp-stores-primary-cta{background:var(--swpocc-purple)!important;border:1px solid var(--swpocc-purple)!important;color:#fff!important;border-radius:999px!important;box-shadow:0 12px 28px rgba(134,85,211,.22)!important;}
.swpocc-ai-actions button:hover,.swpocc-gift-form button:hover,.swpocc-copy-share:hover{background:var(--swpocc-purple-dark)!important;border-color:var(--swpocc-purple-dark)!important;color:#fff!important;}
.swpocc-loose-tags a,.swpocc-chip-row span,.swpocc-comparison-page .swpocc-loose-tags a{background:#fff!important;color:var(--swpocc-purple)!important;border:1px solid #d9caf5!important;box-shadow:0 8px 22px rgba(36,24,50,.045)!important;}
.swpocc-loose-tags a:hover,.swpocc-chip-row span:hover,.swpocc-comparison-page .swpocc-loose-tags a:hover{background:#fbf8ff!important;color:var(--swpocc-purple-dark)!important;border-color:var(--swpocc-purple)!important;}
/* FAQ: one consistent white/transparent style everywhere */
.swp-faq-section.swpocc-faq,.swpocc-faq-section,.swpocc-page .swp-faq-section,.swpocc-premium-page .swp-faq-section,.swpocc-comparison-page .swp-faq-section{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:56px 0!important;}
.swp-faq-section .swp-eyebrow{color:var(--swpocc-purple)!important;background:transparent!important;}
.swp-faq-list{display:flex!important;flex-direction:column!important;gap:12px!important;}
.swp-faq-item{background:#fff!important;border:1px solid rgba(134,85,211,.16)!important;border-radius:18px!important;box-shadow:0 10px 30px rgba(36,24,50,.04)!important;overflow:hidden!important;padding:0!important;}
.swp-faq-q{width:100%!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;padding:18px 20px!important;background:#fff!important;border:0!important;color:#171026!important;font-size:16px!important;font-weight:800!important;text-align:left!important;cursor:pointer!important;}
.swp-faq-q:hover{background:#fbf8ff!important;color:#171026!important;}
.swp-faq-q[aria-expanded="true"]{background:#fbf8ff!important;color:var(--swpocc-purple)!important;}
.swp-faq-a{background:#fff!important;border-top:1px solid rgba(134,85,211,.10)!important;padding:0 20px 18px!important;}
.swp-faq-a p{margin:0!important;color:#493d58!important;font-size:16px!important;line-height:1.72!important;}
/* Product cards: room for wishlist + social proof without overlap */
.swpocc-card-normalized,.swp-deal-card{position:relative!important;overflow:hidden!important;}
.swpocc-card-normalized.has-wishlist .swpocc-wishlist-btn,.swp-deal-card .swpocc-wishlist-btn{position:absolute!important;top:12px!important;right:12px!important;z-index:8!important;width:40px!important;height:40px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:999px!important;background:#fff!important;color:var(--swpocc-purple)!important;border:1px solid rgba(134,85,211,.20)!important;box-shadow:0 8px 22px rgba(36,24,50,.10)!important;font-size:20px!important;line-height:1!important;}
.swpocc-wishlist-btn.is-active{background:var(--swpocc-purple)!important;color:#fff!important;border-color:var(--swpocc-purple)!important;}
.swpocc-social-proof-badge{display:inline-flex!important;align-items:center!important;gap:6px!important;margin-top:8px!important;padding:6px 10px!important;border-radius:999px!important;background:#f8f4ff!important;border:1px solid #e4d7fb!important;color:#5b21b6!important;font-size:12px!important;font-weight:800!important;line-height:1.2!important;white-space:normal!important;}
.swpocc-wishlist-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))!important;gap:18px!important;}
.swpocc-wishlist-card{background:#fff!important;border:1px solid #e8e0f8!important;border-radius:22px!important;box-shadow:0 12px 34px rgba(36,24,50,.055)!important;overflow:hidden!important;}
.swpocc-wishlist-card-body{padding:18px!important;}
/* AI Cadeaucoach: professional form */
.swpocc-ai-hero,.swpocc-ai-coach-panel,.swpocc-premium-hero{border-radius:30px!important;border:1px solid var(--swpocc-border)!important;background:linear-gradient(135deg,#fff 0%,#fbf8ff 100%)!important;box-shadow:0 18px 60px rgba(36,24,50,.07)!important;}
.swpocc-ai-form{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;align-items:end!important;}
.swpocc-ai-form label span{display:block!important;margin-bottom:7px!important;font-size:14px!important;font-weight:800!important;color:#21152f!important;}
.swpocc-ai-form input,.swpocc-ai-form select{width:100%!important;height:50px!important;border:1px solid #ded3f3!important;border-radius:16px!important;padding:0 14px!important;background:#fff!important;font-size:16px!important;color:#241832!important;}
.swpocc-ai-wide{grid-column:1/-1!important;}
.swpocc-ai-actions{grid-column:1/-1!important;display:flex!important;align-items:center!important;gap:14px!important;flex-wrap:wrap!important;}
.swpocc-ai-actions button{height:48px!important;padding:0 24px!important;font-weight:900!important;cursor:pointer!important;}
.swpocc-ai-actions a{font-weight:800!important;text-decoration:none!important;color:var(--swpocc-purple)!important;}
/* Internal link blocks */
.swpocc-premium-links a{background:#fff!important;border:1px solid #e8e0f8!important;border-radius:20px!important;box-shadow:0 10px 30px rgba(36,24,50,.045)!important;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease!important;}
.swpocc-premium-links a:hover{transform:translateY(-2px)!important;box-shadow:0 16px 44px rgba(36,24,50,.08)!important;border-color:#d8c8f5!important;}
/* Mobile polish */
@media(max-width:900px){.swpocc-ai-form{grid-template-columns:1fr!important}.swpocc-breadcrumb{margin-top:12px!important;padding:0 16px!important}.swpocc-premium-hero,.swpocc-ai-hero,.swpocc-ai-coach-panel,.swpocc-comparison-hero{padding:24px!important;border-radius:24px!important}.swpocc-wishlist-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))!important}.swpocc-social-proof-badge{font-size:11px!important}}
@media(max-width:560px){.swpocc-breadcrumb{font-size:13px!important;gap:6px!important}.swpocc-breadcrumb a,.swpocc-breadcrumb span{font-size:13px!important}.swpocc-page h1,.swpocc-premium-page h1,.swpocc-comparison-page h1{font-size:clamp(30px,9vw,42px)!important}.swpocc-wishlist-grid{grid-template-columns:1fr!important}.swpocc-faq-q{padding:16px!important}.swpocc-faq-a{padding:0 16px 16px!important}}
/* =========================================================
Social proof badges — top-left, consistent everywhere
========================================================= */
.swpocc-wishlist-ready,
.swp-deal-card,
.swpocc-wishlist-card,
.swpocc-premium-grid > article,
.swpocc-compare-product > *,
.swpocc-product-card,
[data-swpocc-key]{
position:relative !important;
}
.swpocc-social-proof-badge{
position:absolute !important;
top:12px !important;
left:12px !important;
z-index:12 !important;
display:inline-flex !important;
align-items:center !important;
gap:6px !important;
width:auto !important;
max-width:calc(100% - 72px) !important;
min-height:30px !important;
margin:0 !important;
padding:7px 11px !important;
border-radius:999px !important;
font-size:12px !important;
font-weight:900 !important;
line-height:1 !important;
letter-spacing:-.01em !important;
white-space:nowrap !important;
overflow:hidden !important;
text-overflow:ellipsis !important;
pointer-events:none !important;
box-shadow:0 10px 24px rgba(246,139,31,.14) !important;
background:#fff3e6 !important;
color:#b45309 !important;
border:1px solid #ffd8ad !important;
}
.swpocc-social-proof-badge--viewed{
background:#fff3e6 !important;
color:#b45309 !important;
border-color:#ffd8ad !important;
}
.swpocc-social-proof-badge--saved{
background:#fff0f5 !important;
color:#be185d !important;
border-color:#ffc4d9 !important;
box-shadow:0 10px 24px rgba(190,24,93,.12) !important;
}
.swpocc-social-proof-badge--trending{
background:#fff7db !important;
color:#a16207 !important;
border-color:#ffe08a !important;
box-shadow:0 10px 24px rgba(161,98,7,.12) !important;
}
.swpocc-wishlist-btn{
top:12px !important;
right:12px !important;
z-index:13 !important;
}
@media (max-width:680px){
.swpocc-social-proof-badge{
top:10px !important;
left:10px !important;
max-width:calc(100% - 62px) !important;
min-height:28px !important;
padding:6px 9px !important;
font-size:11px !important;
}
.swpocc-wishlist-btn{
top:10px !important;
right:10px !important;
}
}
/* -------------------------------------------------------
* Stable repair — layout consistentie zonder bestaande templates te breken
* ----------------------------------------------------- */
:root{--swpocc-purple:#8655d3;--swpocc-purple-soft:#f3edff;--swpocc-text:#241b2f;}
.swpocc-page,.swpocc-premium-page,.swp-content-page{box-sizing:border-box!important;}
.swpocc-section,.swpocc-card,.swpocc-premium-hero,.swpocc-ai-hero,.swpocc-ai-coach-panel,.swpocc-comparison-hero,.swpocc-cadeaubox-panel{
padding:clamp(22px,3vw,34px)!important;
box-sizing:border-box!important;
}
.swpocc-section > *:first-child,.swpocc-card > *:first-child{margin-top:0!important;}
.swpocc-section > *:last-child,.swpocc-card > *:last-child{margin-bottom:0!important;}
.swpocc-breadcrumb{
width:min(1180px,calc(100% - 40px))!important;
max-width:1180px!important;
margin:16px auto 18px!important;
padding:0!important;
display:flex!important;
flex-wrap:wrap!important;
align-items:center!important;
gap:8px!important;
position:relative!important;
left:auto!important;
transform:none!important;
z-index:2!important;
}
.swpocc-breadcrumb a{color:var(--swpocc-purple)!important;text-decoration:none!important;font-weight:700!important;pointer-events:auto!important;cursor:pointer!important;}
.swpocc-breadcrumb a:hover{color:#6f42bd!important;text-decoration:underline!important;text-underline-offset:3px!important;}
.swpocc-breadcrumb span{font-size:14px!important;line-height:1.35!important;}
.swpocc-breadcrumb-sep{color:#b7a8d8!important;}
footer a:hover,.swp-footer a:hover,.swipio-footer a:hover{color:var(--swpocc-purple)!important;}
@media(max-width:760px){
.swpocc-breadcrumb{width:calc(100% - 32px)!important;margin:12px auto 16px!important;gap:6px!important;}
.swpocc-breadcrumb a,.swpocc-breadcrumb span{font-size:13px!important;}
.swpocc-section,.swpocc-card,.swpocc-premium-hero,.swpocc-ai-hero,.swpocc-ai-coach-panel,.swpocc-comparison-hero,.swpocc-cadeaubox-panel{padding:20px!important;border-radius:22px!important;}
.swpocc-logo,.swipio-logo,.site-logo,.custom-logo-link{position:static!important;top:auto!important;}
}
/* === Cadeaubox functional + layout repair === */
.swpocc-cadeaubox-page{--swpocc-purple:#8655d3;--swpocc-orange:#ff9f2d;--swpocc-ink:#15102f;--swpocc-line:#eadffc;}
.swpocc-cadeaubox-summary--premium{padding:24px!important;border:1px solid var(--swpocc-line)!important;background:#fff!important;border-radius:28px!important;box-shadow:0 18px 55px rgba(36,24,50,.06)!important;}
.swpocc-cadeaubox-summary-top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px;}
.swpocc-cadeaubox-total{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:16px;color:#5e527a;}
.swpocc-cadeaubox-total span{font-weight:800;color:var(--swpocc-ink);}
.swpocc-cadeaubox-total strong{font-size:34px;line-height:1;color:var(--swpocc-purple);}
.swpocc-cadeaubox-save{display:flex;gap:10px;flex-wrap:wrap;}
.swpocc-cadeaubox-selected-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;}
.swpocc-cadeaubox-selected-slot{min-height:106px;border:1.5px dashed #d8c9fb;border-radius:18px;background:#fbf9ff;padding:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;position:relative;overflow:hidden;}
.swpocc-cadeaubox-selected-slot strong{font-size:13px;color:var(--swpocc-ink);font-weight:800;}
.swpocc-cadeaubox-selected-slot small{font-size:12px;color:#7a6b99;line-height:1.3;}
.swpocc-cadeaubox-selected-slot.is-filled{border-style:solid;background:#fff;border-color:#cdbaf6;box-shadow:0 12px 28px rgba(134,85,211,.10);}
.swpocc-selected-emoji{font-size:22px;}
.swpocc-selected-image{width:46px;height:46px;object-fit:contain;border-radius:12px;background:#fff;margin-bottom:2px;}
.swpocc-box-slot{padding:28px!important;border:1px solid var(--swpocc-line)!important;background:#fff!important;border-radius:28px!important;box-shadow:0 16px 45px rgba(36,24,50,.05)!important;margin-bottom:22px!important;overflow:hidden;}
.swpocc-box-slot-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px;}
.swpocc-box-slot-head h2{font-size:28px!important;line-height:1.1!important;margin:0 0 8px!important;color:var(--swpocc-ink)!important;}
.swpocc-box-slot-head p{font-size:16px!important;margin:0!important;color:#5e527a!important;}
.swpocc-box-slot-emoji{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:16px;background:#fff3df;margin-right:12px;float:left;}
.swpocc-box-slot-choice{display:inline-flex;align-items:center;min-height:42px;padding:9px 16px;border-radius:999px;background:#f6efff;color:var(--swpocc-purple);font-weight:800;font-size:14px;white-space:nowrap;}
.swpocc-cadeaubox-carousel{position:relative;}
.swpocc-cadeaubox-carousel .swpocc-carousel-track{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 6px 12px;scrollbar-width:none;-webkit-overflow-scrolling:touch;}
.swpocc-cadeaubox-carousel .swpocc-carousel-track::-webkit-scrollbar{display:none;}
.swpocc-box-product{flex:0 0 210px;scroll-snap-align:start;position:relative;background:#fff!important;border:1px solid #eee7fb!important;border-radius:20px!important;box-shadow:0 10px 24px rgba(36,24,50,.055)!important;overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;}
.swpocc-box-product:hover{transform:translateY(-2px);border-color:#d8c9fb!important;box-shadow:0 16px 35px rgba(36,24,50,.09)!important;}
.swpocc-box-product.is-selected{background:#fff!important;border-color:var(--swpocc-purple)!important;box-shadow:0 0 0 3px rgba(134,85,211,.12),0 18px 38px rgba(36,24,50,.10)!important;}
.swpocc-box-select{appearance:none!important;border:0!important;background:#fff!important;color:var(--swpocc-ink)!important;width:100%;display:block;text-align:left;padding:0!important;cursor:pointer;font:inherit;box-shadow:none!important;}
.swpocc-box-product.is-selected .swpocc-box-select{background:#fff!important;color:var(--swpocc-ink)!important;}
.swpocc-box-image{display:flex!important;align-items:center;justify-content:center;height:178px;background:#fbf9ff;border-bottom:1px solid #f1ebfb;}
.swpocc-box-image img{max-width:88%;max-height:152px;object-fit:contain;display:block;}
.swpocc-box-info{display:block;padding:14px 14px 10px;min-height:132px;}
.swpocc-box-info strong{display:block;font-size:16px!important;line-height:1.18!important;font-weight:900!important;color:var(--swpocc-ink)!important;margin-bottom:8px;}
.swpocc-box-info em{display:block;font-style:normal;font-size:12px;text-transform:uppercase;letter-spacing:.06em;font-weight:800;color:var(--swpocc-purple);margin-bottom:8px;}
.swpocc-box-info b{display:block;color:#09883a;font-size:18px;font-weight:900;}
.swpocc-box-add{display:flex!important;align-items:center;justify-content:center;margin:0 14px 14px;padding:11px 14px;border-radius:999px;background:#fff2d9!important;color:#a75d00!important;font-size:14px;font-weight:900;line-height:1;}
.swpocc-box-add:before{content:'+';display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--swpocc-orange);color:#fff;margin-right:8px;font-weight:900;}
.swpocc-box-product.is-selected .swpocc-box-add{background:#efe6ff!important;color:var(--swpocc-purple)!important;}
.swpocc-box-product.is-selected .swpocc-box-add:before{content:'✓';background:var(--swpocc-purple);}
.swpocc-box-view{display:block;padding:0 14px 16px;color:var(--swpocc-purple)!important;font-weight:800;text-decoration:none!important;font-size:13px;}
.swpocc-cadeaubox-summary.is-updated{animation:swpoccBoxPulse .45s ease;}@keyframes swpoccBoxPulse{0%{box-shadow:0 0 0 rgba(134,85,211,0)}45%{box-shadow:0 0 0 5px rgba(134,85,211,.10)}100%{box-shadow:0 18px 55px rgba(36,24,50,.06)}}
@media (max-width:900px){.swpocc-cadeaubox-summary-top{align-items:flex-start;flex-direction:column}.swpocc-cadeaubox-selected-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.swpocc-box-product{flex-basis:180px}.swpocc-box-slot{padding:20px!important}.swpocc-box-slot-head{flex-direction:column}.swpocc-box-slot-head h2{font-size:24px!important}.swpocc-cadeaubox-total strong{font-size:28px}.swpocc-box-image{height:152px}.swpocc-box-info{min-height:128px}}
/* === Cadeaubox final UI polish: compact selector + tighter spacing === */
.swpocc-cadeaubox-page{
--swpocc-soft:#fbf8ff;
--swpocc-soft-2:#fff7ed;
}
.swpocc-cadeaubox-page .swpocc-section,
.swpocc-cadeaubox-page .swpocc-premium-hero{
margin-top:18px!important;
margin-bottom:18px!important;
}
.swpocc-cadeaubox-page .swpocc-premium-hero{
padding:30px!important;
}
.swpocc-cadeaubox-config{
padding:22px!important;
background:#fff!important;
border:1px solid #eadffc!important;
border-radius:26px!important;
box-shadow:0 18px 45px rgba(36,24,50,.045)!important;
}
.swpocc-cadeaubox-config .swpocc-section-head{
display:flex!important;
align-items:flex-start!important;
justify-content:space-between!important;
gap:20px!important;
margin:0 0 16px!important;
padding:0!important;
}
.swpocc-cadeaubox-config .swpocc-section-head h2{
display:flex!important;
align-items:center!important;
gap:10px!important;
margin:0 0 5px!important;
font-size:26px!important;
line-height:1.1!important;
}
.swpocc-cadeaubox-config .swpocc-section-head h2:before{
content:'🎁';
width:42px;
height:42px;
display:inline-grid;
place-items:center;
border-radius:14px;
background:#fff3df;
font-size:20px;
flex:0 0 auto;
}
.swpocc-cadeaubox-config .swpocc-section-head p{
margin:0!important;
color:#65577e!important;
font-size:16px!important;
}
.swpocc-cadeaubox-form{
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr)) auto!important;
gap:12px!important;
align-items:end!important;
margin:0!important;
}
.swpocc-cadeaubox-form label{
display:flex!important;
flex-direction:column!important;
gap:7px!important;
margin:0!important;
font-size:13px!important;
font-weight:850!important;
color:#241832!important;
}
.swpocc-cadeaubox-form label span{
font-size:13px!important;
line-height:1!important;
color:#493d64!important;
letter-spacing:.01em!important;
}
.swpocc-cadeaubox-form select{
width:100%!important;
height:48px!important;
padding:0 42px 0 16px!important;
border:1px solid #ded2f4!important;
border-radius:16px!important;
background-color:#fff!important;
color:#15102f!important;
font-size:16px!important;
font-weight:650!important;
box-shadow:0 8px 18px rgba(36,24,50,.035)!important;
outline:none!important;
}
.swpocc-cadeaubox-form select:focus{
border-color:#8655d3!important;
box-shadow:0 0 0 4px rgba(134,85,211,.10)!important;
}
.swpocc-cadeaubox-form .swpocc-btn{
height:48px!important;
min-width:164px!important;
border-radius:999px!important;
justify-content:center!important;
white-space:nowrap!important;
box-shadow:0 12px 26px rgba(134,85,211,.18)!important;
}
.swpocc-cadeaubox-summary--premium{
margin-top:18px!important;
margin-bottom:18px!important;
}
.swpocc-cadeaubox-selected-grid{
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:14px!important;
}
.swpocc-cadeaubox-selected-slot{
min-height:92px!important;
padding:12px!important;
border-radius:18px!important;
background:#fff!important;
}
.swpocc-box-slot{
margin-bottom:18px!important;
padding:24px!important;
}
.swpocc-box-slot-head{
margin-bottom:16px!important;
}
.swpocc-cadeaubox-slots{
padding:0!important;
background:transparent!important;
border:0!important;
box-shadow:none!important;
}
@media (max-width:1020px){
.swpocc-cadeaubox-form{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.swpocc-cadeaubox-form .swpocc-btn{grid-column:1/-1!important;width:100%!important;}
.swpocc-cadeaubox-selected-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media (max-width:640px){
.swpocc-cadeaubox-page .swpocc-section,
.swpocc-cadeaubox-page .swpocc-premium-hero{margin-top:14px!important;margin-bottom:14px!important;}
.swpocc-cadeaubox-config{padding:18px!important;border-radius:22px!important;}
.swpocc-cadeaubox-config .swpocc-section-head h2{font-size:23px!important;}
.swpocc-cadeaubox-form{grid-template-columns:1fr!important;gap:10px!important;}
.swpocc-cadeaubox-form select,.swpocc-cadeaubox-form .swpocc-btn{height:46px!important;}
.swpocc-cadeaubox-selected-grid{grid-template-columns:1fr 1fr!important;gap:10px!important;}
.swpocc-cadeaubox-selected-slot{min-height:84px!important;}
.swpocc-box-slot{padding:18px!important;border-radius:24px!important;margin-bottom:14px!important;}
}
/* === Cadeaubox FAQ + selected products final repair === */
.swpocc-cadeaubox-page .swp-faq-section,
.swpocc-cadeaubox-page .swpocc-faq-section{
background:transparent!important;
border:0!important;
box-shadow:none!important;
padding:0!important;
margin:44px 0 28px!important;
}
.swpocc-cadeaubox-page .swp-faq-section .swp-faq-item,
.swpocc-cadeaubox-page .swpocc-faq-section .swp-faq-item{
background:#fff!important;
border:1px solid rgba(134,85,211,.16)!important;
border-radius:18px!important;
box-shadow:0 10px 28px rgba(36,24,50,.04)!important;
overflow:hidden!important;
}
.swpocc-cadeaubox-page .swp-faq-section .swp-faq-q,
.swpocc-cadeaubox-page .swpocc-faq-section .swp-faq-q{
background:#fff!important;
color:#15102f!important;
}
.swpocc-cadeaubox-page .swp-faq-section .swp-faq-q:hover,
.swpocc-cadeaubox-page .swpocc-faq-section .swp-faq-q:hover,
.swpocc-cadeaubox-page .swp-faq-section .swp-faq-q[aria-expanded="true"],
.swpocc-cadeaubox-page .swpocc-faq-section .swp-faq-q[aria-expanded="true"]{
background:#fbf8ff!important;
color:#15102f!important;
}
.swpocc-cadeaubox-page .swp-faq-section .swp-faq-a,
.swpocc-cadeaubox-page .swpocc-faq-section .swp-faq-a{
background:#fff!important;
border-top:1px solid rgba(134,85,211,.10)!important;
}
.swpocc-cadeaubox-selected-grid{
grid-template-columns:repeat(3,minmax(0,1fr))!important;
align-items:stretch!important;
}
.swpocc-cadeaubox-selected-slot{
min-height:148px!important;
padding:16px 44px 16px 16px!important;
align-items:flex-start!important;
justify-content:flex-start!important;
text-align:left!important;
gap:7px!important;
}
.swpocc-cadeaubox-selected-slot .swpocc-selected-emoji{
width:34px!important;
height:34px!important;
display:inline-grid!important;
place-items:center!important;
border-radius:12px!important;
background:#fff3df!important;
font-size:18px!important;
margin-bottom:2px!important;
}
.swpocc-cadeaubox-selected-slot strong{
font-size:14px!important;
line-height:1.15!important;
}
.swpocc-cadeaubox-selected-slot small{
font-size:13px!important;
line-height:1.35!important;
color:#514360!important;
max-width:100%!important;
}
.swpocc-cadeaubox-selected-slot.is-filled{
display:grid!important;
grid-template-columns:72px minmax(0,1fr) 26px!important;
grid-template-areas:"image title remove" "image label remove" "image details remove"!important;
column-gap:12px!important;
align-items:center!important;
min-height:126px!important;
padding:14px 12px!important;
}
.swpocc-cadeaubox-selected-slot.is-filled .swpocc-selected-emoji{display:none!important;}
.swpocc-cadeaubox-selected-slot.is-filled > strong{grid-area:title!important;margin:0!important;align-self:end!important;}
.swpocc-cadeaubox-selected-slot.is-filled [data-selected-label]{grid-area:label!important;font-weight:800!important;color:#15102f!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
.swpocc-selected-image{
grid-area:image!important;
width:72px!important;
height:72px!important;
object-fit:contain!important;
border-radius:16px!important;
background:#fbf9ff!important;
border:1px solid #f0e9fb!important;
padding:6px!important;
margin:0!important;
}
.swpocc-selected-details{
grid-area:details!important;
display:flex!important;
align-items:center!important;
gap:8px!important;
min-width:0!important;
}
.swpocc-selected-details em{
font-style:normal!important;
color:#8655d3!important;
font-size:12px!important;
font-weight:850!important;
text-transform:uppercase!important;
letter-spacing:.04em!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
white-space:nowrap!important;
}
.swpocc-selected-details b{font-size:14px!important;color:#09883a!important;font-weight:900!important;white-space:nowrap!important;}
.swpocc-selected-remove{
grid-area:remove!important;
position:absolute!important;
top:10px!important;
right:10px!important;
width:30px!important;
height:30px!important;
border-radius:999px!important;
border:1px solid rgba(134,85,211,.18)!important;
background:#fff!important;
color:#8655d3!important;
font-size:20px!important;
font-weight:900!important;
line-height:1!important;
display:grid!important;
place-items:center!important;
cursor:pointer!important;
box-shadow:0 8px 18px rgba(36,24,50,.06)!important;
}
.swpocc-selected-remove:hover{background:#8655d3!important;color:#fff!important;}
@media(max-width:1020px){
.swpocc-cadeaubox-selected-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:640px){
.swpocc-cadeaubox-selected-slot{min-height:118px!important;}
.swpocc-cadeaubox-selected-slot.is-filled{grid-template-columns:58px minmax(0,1fr) 24px!important;min-height:108px!important;padding:12px 10px!important;}
.swpocc-selected-image{width:58px!important;height:58px!important;}
.swpocc-selected-details{flex-direction:column!important;align-items:flex-start!important;gap:1px!important;}
}
/* === Final fix: FAQ accordions + professioneel verwijderkruisje cadeaubox === */
.swp-faq-a[hidden],
.swpocc-faq-answer[hidden],
.swpocc-faq-panel[hidden]{display:none!important;}
.swp-faq-a.is-open,
.swpocc-faq-answer.is-open,
.swpocc-faq-panel.is-open{display:block!important;}
.swp-faq-item.is-open,
.swpocc-faq-item.is-open{border-color:#e4d8fb!important;box-shadow:0 14px 34px rgba(36,24,50,.055)!important;}
.swpocc-selected-remove{
position:absolute!important;
top:10px!important;
right:10px!important;
width:34px!important;
height:34px!important;
padding:0!important;
border-radius:999px!important;
border:1px solid rgba(134,85,211,.20)!important;
background:rgba(255,255,255,.96)!important;
color:#8655d3!important;
display:grid!important;
place-items:center!important;
cursor:pointer!important;
box-shadow:0 10px 24px rgba(36,24,50,.09)!important;
transition:background .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease,border-color .16s ease!important;
z-index:5!important;
-webkit-tap-highlight-color:transparent!important;
}
.swpocc-selected-remove span,
.swpocc-selected-remove:before,
.swpocc-selected-remove:after{
content:""!important;
position:absolute!important;
width:14px!important;
height:2px!important;
border-radius:999px!important;
background:currentColor!important;
left:50%!important;
top:50%!important;
transform-origin:center!important;
}
.swpocc-selected-remove span{display:none!important;}
.swpocc-selected-remove:before{transform:translate(-50%,-50%) rotate(45deg)!important;}
.swpocc-selected-remove:after{transform:translate(-50%,-50%) rotate(-45deg)!important;}
.swpocc-selected-remove:hover,
.swpocc-selected-remove:focus-visible{
background:#8655d3!important;
color:#fff!important;
border-color:#8655d3!important;
transform:translateY(-1px)!important;
box-shadow:0 14px 28px rgba(134,85,211,.22)!important;
outline:none!important;
}
.swpocc-selected-remove:active{transform:translateY(0) scale(.96)!important;}
@media(max-width:640px){.swpocc-selected-remove{width:32px!important;height:32px!important;top:8px!important;right:8px!important;}}
/* -------------------------------------------------------
* 100/100 consistency polish — breadcrumbs, kickers, SEO blocks
* ----------------------------------------------------- */
.swpocc-breadcrumb{
width:min(1120px, calc(100% - 40px))!important;
margin:18px auto 14px!important;
padding:0!important;
display:flex!important;
align-items:center!important;
gap:8px!important;
flex-wrap:wrap!important;
font-size:13px!important;
line-height:1.35!important;
position:relative!important;
left:auto!important;
right:auto!important;
top:auto!important;
transform:none!important;
}
.swpocc-breadcrumb + .swpocc-premium-hero,
.swpocc-breadcrumb + .swpocc-hero,
.swpocc-breadcrumb + main,
.swpocc-breadcrumb + section{margin-top:0!important;}
.swpocc-eyebrow,
.swp-eyebrow,
.swp-section-kicker,
.swpocc-article-kicker,
.swpocc-box-slot .swpocc-eyebrow,
.swpocc-premium-page .swpocc-eyebrow{
font-size:12px!important;
line-height:1.2!important;
font-weight:900!important;
text-transform:uppercase!important;
letter-spacing:.10em!important;
color:#8655d3!important;
background:transparent!important;
border:0!important;
padding:0!important;
border-radius:0!important;
}
.swpocc-bottom-seo{
width:min(1120px, calc(100% - 40px));
margin:42px auto 28px!important;
padding:34px!important;
border:1px solid #eadffb!important;
border-radius:28px!important;
background:#fff!important;
box-shadow:0 18px 55px rgba(36,24,50,.055)!important;
}
.swpocc-bottom-seo-head{max-width:780px;margin-bottom:22px;}
.swpocc-bottom-seo-head h2{margin:8px 0 0!important;font-size:clamp(26px,3vw,38px)!important;line-height:1.12!important;color:#120c33!important;}
.swpocc-bottom-seo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.swpocc-bottom-seo-grid article{background:#fbf8ff;border:1px solid #eee5ff;border-radius:22px;padding:22px;}
.swpocc-bottom-seo-grid h3{margin:0 0 10px!important;font-size:19px!important;line-height:1.22!important;color:#120c33!important;}
.swpocc-bottom-seo-grid p{margin:0!important;font-size:16px!important;line-height:1.72!important;color:#493a5d!important;}
.swp-faq-a p{font-size:16px!important;line-height:1.78!important;max-width:900px!important;}
@media(max-width:800px){
.swpocc-breadcrumb{width:calc(100% - 28px)!important;margin:14px auto 10px!important;font-size:12px!important;}
.swpocc-bottom-seo{width:calc(100% - 28px);padding:24px!important;border-radius:24px!important;margin:30px auto 22px!important;}
.swpocc-bottom-seo-grid{grid-template-columns:1fr;gap:12px;}
}
/* =========================================================
FINAL: Cadeaubox products match Cadeauzoeker/folder cards
- same white product card rhythm
- add button remains, but placed neatly at bottom
- no blue selected block
- light grey product action borders everywhere
========================================================= */
.swpocc-cadeaubox-page .swpocc-cadeaubox-carousel .swpocc-carousel-track{
gap:18px!important;
align-items:stretch!important;
padding:8px 4px 12px!important;
}
.swpocc-cadeaubox-page .swpocc-box-product{
flex:0 0 242px!important;
width:242px!important;
min-height:428px!important;
display:flex!important;
flex-direction:column!important;
background:#fff!important;
border:1px solid #eeeef4!important;
border-radius:0!important;
box-shadow:none!important;
overflow:hidden!important;
position:relative!important;
transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease!important;
}
.swpocc-cadeaubox-page .swpocc-box-product:hover{
transform:translateY(-2px)!important;
border-color:#e1d8f2!important;
box-shadow:0 12px 30px rgba(22,14,42,.06)!important;
}
.swpocc-cadeaubox-page .swpocc-box-product.is-selected{
background:#fff!important;
border-color:#8655d3!important;
box-shadow:0 0 0 2px rgba(134,85,211,.14)!important;
}
.swpocc-cadeaubox-page .swpocc-box-select{
width:100%!important;
height:100%!important;
min-height:428px!important;
display:flex!important;
flex-direction:column!important;
align-items:stretch!important;
justify-content:flex-start!important;
padding:0!important;
margin:0!important;
border:0!important;
background:#fff!important;
color:#171026!important;
text-align:left!important;
box-shadow:none!important;
cursor:pointer!important;
}
.swpocc-cadeaubox-page .swpocc-box-product.is-selected .swpocc-box-select{
background:#fff!important;
color:#171026!important;
}
.swpocc-cadeaubox-page .swpocc-box-image{
order:1!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
width:100%!important;
height:220px!important;
padding:16px!important;
background:#fff!important;
border:0!important;
border-bottom:1px solid #f0edf6!important;
box-sizing:border-box!important;
}
.swpocc-cadeaubox-page .swpocc-box-image img{
width:100%!important;
height:100%!important;
max-width:100%!important;
max-height:100%!important;
object-fit:contain!important;
display:block!important;
}
.swpocc-cadeaubox-page .swpocc-box-placeholder{
width:100%!important;
height:100%!important;
display:grid!important;
place-items:center!important;
background:#faf8ff!important;
color:#8655d3!important;
font-size:34px!important;
}
.swpocc-cadeaubox-page .swpocc-box-info{
order:2!important;
display:flex!important;
flex-direction:column!important;
min-height:146px!important;
padding:14px 14px 8px!important;
box-sizing:border-box!important;
}
.swpocc-cadeaubox-page .swpocc-box-info em{
order:1!important;
display:block!important;
margin:0 0 9px!important;
font-style:normal!important;
text-transform:uppercase!important;
letter-spacing:.07em!important;
font-size:11px!important;
line-height:1.2!important;
font-weight:900!important;
color:#8655d3!important;
}
.swpocc-cadeaubox-page .swpocc-box-info strong{
order:2!important;
display:-webkit-box!important;
-webkit-line-clamp:3!important;
-webkit-box-orient:vertical!important;
overflow:hidden!important;
min-height:61px!important;
margin:0 0 12px!important;
color:#09051f!important;
font-size:18px!important;
line-height:1.13!important;
font-weight:900!important;
letter-spacing:-.03em!important;
}
.swpocc-cadeaubox-page .swpocc-box-info b{
order:3!important;
display:block!important;
margin-top:auto!important;
color:#009c41!important;
font-size:20px!important;
line-height:1!important;
font-weight:900!important;
}
.swpocc-cadeaubox-page .swpocc-box-add{
order:3!important;
position:static!important;
transform:none!important;
inset:auto!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
width:auto!important;
min-height:44px!important;
margin:auto 14px 14px!important;
padding:0 16px!important;
border-radius:999px!important;
border:1px solid #ffd699!important;
background:#fff3df!important;
color:#a75d00!important;
box-shadow:none!important;
font-size:14px!important;
line-height:1!important;
font-weight:900!important;
white-space:nowrap!important;
}
.swpocc-cadeaubox-page .swpocc-box-add:before{
content:'+'!important;
display:inline-grid!important;
place-items:center!important;
width:22px!important;
height:22px!important;
margin-right:8px!important;
border-radius:999px!important;
background:#ff9f2d!important;
color:#fff!important;
font-size:17px!important;
font-weight:900!important;
line-height:1!important;
}
.swpocc-cadeaubox-page .swpocc-box-product.is-selected .swpocc-box-add{
background:#efe8ff!important;
border-color:#d8c7ff!important;
color:#6e36c9!important;
}
.swpocc-cadeaubox-page .swpocc-box-product.is-selected .swpocc-box-add:before{
content:'✓'!important;
background:#8655d3!important;
}
.swpocc-cadeaubox-page .swpocc-box-view{
display:none!important;
}
.swpocc-cadeaubox-page .swpocc-box-slot{
overflow:hidden!important;
}
.swpocc-cadeaubox-page .swpocc-carousel-nav{
z-index:15!important;
}
@media(max-width:900px){
.swpocc-cadeaubox-page .swpocc-box-product{flex-basis:210px!important;width:210px!important;min-height:394px!important;}
.swpocc-cadeaubox-page .swpocc-box-select{min-height:394px!important;}
.swpocc-cadeaubox-page .swpocc-box-image{height:190px!important;}
.swpocc-cadeaubox-page .swpocc-box-info strong{font-size:16px!important;min-height:56px!important;}
.swpocc-cadeaubox-page .swpocc-box-info b{font-size:18px!important;}
}
@media(max-width:520px){
.swpocc-cadeaubox-page .swpocc-box-product{flex-basis:76vw!important;width:76vw!important;}
}
/* Product action buttons must never show black outlines; match the light folder style */
.swpocc-page .swp-deal-card button,
.swpocc-page .swp-deal-card .swp-action,
.swpocc-page .swp-deal-card .swp-deal-action,
.swpocc-page .swp-deal-card .swpocc-action,
.swpocc-page .swp-deal-card .swpocc-wishlist-btn,
.swpocc-page [class*="product"] button[class*="action"],
.swpocc-page [class*="deal"] button[class*="action"]{
border-color:#e8e3ef!important;
box-shadow:0 4px 12px rgba(22,14,42,.04)!important;
outline:0!important;
}
.swpocc-page .swp-deal-card button:hover,
.swpocc-page [class*="product"] button[class*="action"]:hover,
.swpocc-page [class*="deal"] button[class*="action"]:hover{
border-color:#d8c8f5!important;
}
/* =========================================================
100% FIX: Cadeaubox product cards identical rhythm to Cadeauzoeker
- 4 cards desktop, 2 cards mobile
- no half visible cards
- normal product-card layout + orange add button
- social badge top-left, wishlist top-right
========================================================= */
.swpocc-cadeaubox-page .swpocc-cadeaubox-carousel{
position:relative!important;
width:100%!important;
overflow:visible!important;
}
.swpocc-cadeaubox-page .swpocc-cadeaubox-carousel .swpocc-carousel-track{
display:grid!important;
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:18px!important;
overflow:visible!important;
padding:0!important;
scroll-snap-type:none!important;
align-items:stretch!important;
}
.swpocc-cadeaubox-page .swpocc-cadeaubox-carousel .swpocc-carousel-nav{
display:none!important;
}
.swpocc-cadeaubox-page .swpocc-box-product.swp-deal-card,
.swpocc-cadeaubox-page .swpocc-box-product{
width:100%!important;
min-width:0!important;
max-width:none!important;
flex:none!important;
min-height:0!important;
height:auto!important;
display:flex!important;
flex-direction:column!important;
position:relative!important;
background:#fff!important;
border:1px solid #eeeef4!important;
border-radius:0!important;
box-shadow:none!important;
overflow:hidden!important;
isolation:isolate!important;
transform:none!important;
}
.swpocc-cadeaubox-page .swpocc-box-product:hover{
transform:none!important;
border-color:#e4dff0!important;
box-shadow:0 10px 28px rgba(22,14,42,.045)!important;
}
.swpocc-cadeaubox-page .swpocc-box-product.is-selected{
background:#fff!important;
border-color:#d8c8f5!important;
box-shadow:0 0 0 2px rgba(134,85,211,.12)!important;
}
.swpocc-cadeaubox-page .swpocc-box-select{
display:flex!important;
flex-direction:column!important;
width:100%!important;
min-height:100%!important;
height:100%!important;
padding:0!important;
margin:0!important;
border:0!important;
border-radius:0!important;
background:#fff!important;
color:#09051f!important;
box-shadow:none!important;
text-align:left!important;
cursor:pointer!important;
}
.swpocc-cadeaubox-page .swpocc-box-product.is-selected .swpocc-box-select{
background:#fff!important;
color:#09051f!important;
}
.swpocc-cadeaubox-page .swpocc-box-image{
display:flex!important;
align-items:center!important;
justify-content:center!important;
width:100%!important;
height:238px!important;
padding:16px 14px 10px!important;
margin:0!important;
background:#fff!important;
border:0!important;
border-bottom:0!important;
box-sizing:border-box!important;
}
.swpocc-cadeaubox-page .swpocc-box-image img{
display:block!important;
width:100%!important;
height:100%!important;
max-width:100%!important;
max-height:100%!important;
object-fit:contain!important;
}
.swpocc-cadeaubox-page .swpocc-box-info{
display:flex!important;
flex-direction:column!important;
flex:1 1 auto!important;
min-height:154px!important;
padding:0 14px 10px!important;
margin:0!important;
box-sizing:border-box!important;
}
.swpocc-cadeaubox-page .swpocc-box-info em{
display:block!important;
order:1!important;
margin:0 0 8px!important;
padding:0!important;
font-style:normal!important;
text-transform:uppercase!important;
letter-spacing:.07em!important;
font-size:11px!important;
line-height:1.2!important;
font-weight:900!important;
color:#8655d3!important;
}
.swpocc-cadeaubox-page .swpocc-box-info strong{
display:-webkit-box!important;
order:2!important;
-webkit-line-clamp:3!important;
-webkit-box-orient:vertical!important;
overflow:hidden!important;
min-height:58px!important;
margin:0 0 12px!important;
padding:0!important;
font-size:18px!important;
line-height:1.08!important;
font-weight:900!important;
letter-spacing:-.035em!important;
color:#07031d!important;
}
.swpocc-cadeaubox-page .swpocc-box-info b{
display:block!important;
order:3!important;
margin:auto 0 0!important;
padding:0!important;
font-size:20px!important;
line-height:1!important;
font-weight:900!important;
color:#009c41!important;
}
.swpocc-cadeaubox-page .swpocc-box-add{
display:flex!important;
align-items:center!important;
justify-content:center!important;
gap:8px!important;
width:auto!important;
min-height:42px!important;
margin:0 14px 14px!important;
padding:0 16px!important;
border-radius:999px!important;
border:1px solid #ffd699!important;
background:#fff3df!important;
color:#a75d00!important;
box-shadow:none!important;
font-size:14px!important;
line-height:1!important;
font-weight:900!important;
white-space:nowrap!important;
position:static!important;
inset:auto!important;
transform:none!important;
}
.swpocc-cadeaubox-page .swpocc-box-add:before{
content:'+'!important;
flex:0 0 auto!important;
display:inline-grid!important;
place-items:center!important;
width:22px!important;
height:22px!important;
margin:0!important;
border-radius:999px!important;
background:#ff9f2d!important;
color:#fff!important;
font-size:17px!important;
font-weight:900!important;
line-height:1!important;
}
.swpocc-cadeaubox-page .swpocc-box-product.is-selected .swpocc-box-add{
background:#efe8ff!important;
border-color:#d8c7ff!important;
color:#6e36c9!important;
}
.swpocc-cadeaubox-page .swpocc-box-product.is-selected .swpocc-box-add:before{
content:'✓'!important;
background:#8655d3!important;
}
.swpocc-cadeaubox-page .swpocc-box-product .swpocc-social-proof-badge{
top:10px!important;
left:10px!important;
z-index:12!important;
max-width:calc(100% - 74px)!important;
}
.swpocc-cadeaubox-page .swpocc-box-product .swpocc-wishlist-btn{
top:10px!important;
right:10px!important;
z-index:13!important;
width:44px!important;
height:38px!important;
border-radius:999px!important;
background:#fff!important;
border:1px solid #e8e3ef!important;
color:#8655d3!important;
box-shadow:0 8px 22px rgba(36,24,50,.10)!important;
outline:0!important;
}
.swpocc-cadeaubox-page .swpocc-box-view{display:none!important;}
.swpocc-cadeaubox-page .swpocc-box-slot{
overflow:visible!important;
}
@media(max-width:980px){
.swpocc-cadeaubox-page .swpocc-cadeaubox-carousel .swpocc-carousel-track{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:14px!important;
}
.swpocc-cadeaubox-page .swpocc-box-image{height:210px!important;}
.swpocc-cadeaubox-page .swpocc-box-info strong{font-size:16px!important;min-height:52px!important;}
.swpocc-cadeaubox-page .swpocc-box-info b{font-size:18px!important;}
}
@media(max-width:520px){
.swpocc-cadeaubox-page .swpocc-cadeaubox-carousel .swpocc-carousel-track{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:10px!important;
}
.swpocc-cadeaubox-page .swpocc-box-image{height:155px!important;padding:12px 10px 8px!important;}
.swpocc-cadeaubox-page .swpocc-box-info{padding:0 10px 8px!important;min-height:132px!important;}
.swpocc-cadeaubox-page .swpocc-box-info em{font-size:10px!important;margin-bottom:7px!important;}
.swpocc-cadeaubox-page .swpocc-box-info strong{font-size:14px!important;line-height:1.12!important;min-height:48px!important;}
.swpocc-cadeaubox-page .swpocc-box-info b{font-size:16px!important;}
.swpocc-cadeaubox-page .swpocc-box-add{min-height:38px!important;margin:0 10px 10px!important;font-size:12px!important;padding:0 10px!important;}
}
/* =======================================================
FINAL FIX — productcards overal dezelfde Swipio stijl
- Cadeaubox gebruikt nu de echte folder/cadeauzoeker card
- Alleen extra knop "Kies dit cadeau" onder de card
- Actieknoppen overal lichtgrijze rand, nooit zwart
======================================================= */
.swpocc-page .swp-deal-card button,
.swpocc-page .swp-deal-card .swp-action-btn,
.swpocc-page .swp-deal-card .swp-deal-action,
.swpocc-page .swp-deal-card .swp-icon-btn,
.swpocc-page .swp-deal-card .swpocc-wishlist-btn,
.swpocc-page .swp-product-action,
.swpocc-page .swpocc-product-action,
.swpocc-page .swpocc-wishlist-btn,
.swpocc-page .swpocc-card-action,
.swpocc-page [class*="action"] button,
.swpocc-page [class*="wishlist"] button{
border-color:#e8e3ef!important;
outline:0!important;
box-shadow:none!important;
}
.swpocc-page .swp-deal-card button:hover,
.swpocc-page .swp-deal-card .swp-action-btn:hover,
.swpocc-page .swp-deal-card .swp-deal-action:hover,
.swpocc-page .swp-deal-card .swp-icon-btn:hover,
.swpocc-page .swp-deal-card .swpocc-wishlist-btn:hover,
.swpocc-page .swp-product-action:hover,
.swpocc-page .swpocc-product-action:hover,
.swpocc-page .swpocc-wishlist-btn:hover{
border-color:#d9d1e8!important;
box-shadow:0 8px 20px rgba(36,24,50,.06)!important;
}
.swpocc-cadeaubox-page .swpocc-cadeaubox-carousel{
overflow:visible!important;
padding:0!important;
margin-top:28px!important;
}
.swpocc-cadeaubox-page .swpocc-cadeaubox-carousel .swpocc-carousel-track{
display:grid!important;
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:18px!important;
overflow:visible!important;
scroll-snap-type:none!important;
padding:0!important;
transform:none!important;
}
.swpocc-cadeaubox-page .swpocc-cadeaubox-carousel .swpocc-carousel-nav,
.swpocc-cadeaubox-page .swpocc-cadeaubox-carousel .swpocc-carousel-prev,
.swpocc-cadeaubox-page .swpocc-cadeaubox-carousel .swpocc-carousel-next{
display:none!important;
}
.swpocc-cadeaubox-page .swpocc-cadeaubox-card-shell{
display:flex!important;
flex-direction:column!important;
min-width:0!important;
width:100%!important;
height:auto!important;
padding:0!important;
margin:0!important;
background:transparent!important;
border:0!important;
box-shadow:none!important;
position:relative!important;
}
.swpocc-cadeaubox-page .swpocc-cadeaubox-folder-card{
min-width:0!important;
width:100%!important;
display:block!important;
}
.swpocc-cadeaubox-page .swpocc-cadeaubox-folder-card > .swp-deal-card,
.swpocc-cadeaubox-page .swpocc-cadeaubox-folder-card .swp-deal-card{
width:100%!important;
min-width:0!important;
max-width:none!important;
height:100%!important;
margin:0!important;
border:1px solid #eeeaf7!important;
border-radius:0!important;
background:#fff!important;
box-shadow:none!important;
overflow:hidden!important;
}
.swpocc-cadeaubox-page .swpocc-cadeaubox-folder-card .swp-deal-card img{
max-width:100%!important;
object-fit:contain!important;
}
.swpocc-cadeaubox-page .swpocc-box-add{
display:flex!important;
align-items:center!important;
justify-content:center!important;
gap:8px!important;
width:calc(100% - 28px)!important;
min-height:42px!important;
margin:12px 14px 0!important;
padding:0 16px!important;
border-radius:999px!important;
border:1px solid #ffd699!important;
background:#fff3df!important;
color:#a75d00!important;
box-shadow:none!important;
font-size:14px!important;
line-height:1!important;
font-weight:900!important;
white-space:nowrap!important;
cursor:pointer!important;
position:relative!important;
z-index:5!important;
}
.swpocc-cadeaubox-page .swpocc-box-add:before{
content:'+'!important;
display:inline-grid!important;
place-items:center!important;
width:22px!important;
height:22px!important;
flex:0 0 22px!important;
border-radius:999px!important;
background:#ff9f2d!important;
color:#fff!important;
font-weight:900!important;
font-size:17px!important;
line-height:1!important;
}
.swpocc-cadeaubox-page .swpocc-box-product.is-selected .swpocc-box-add{
background:#efe8ff!important;
border-color:#d8c7ff!important;
color:#6e36c9!important;
}
.swpocc-cadeaubox-page .swpocc-box-product.is-selected .swpocc-box-add:before{
content:'✓'!important;
background:#8655d3!important;
}
.swpocc-cadeaubox-page .swpocc-box-product.is-selected .swpocc-cadeaubox-folder-card .swp-deal-card{
border-color:#d8c7ff!important;
box-shadow:0 12px 28px rgba(134,85,211,.10)!important;
}
.swpocc-cadeaubox-page .swpocc-box-image,
.swpocc-cadeaubox-page .swpocc-box-info,
.swpocc-cadeaubox-page .swpocc-box-view{
display:none!important;
}
@media(max-width:980px){
.swpocc-cadeaubox-page .swpocc-cadeaubox-carousel .swpocc-carousel-track{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;}
.swpocc-cadeaubox-page .swpocc-box-add{font-size:13px!important;min-height:40px!important;margin:10px 10px 0!important;width:calc(100% - 20px)!important;}
}
@media(max-width:420px){
.swpocc-cadeaubox-page .swpocc-cadeaubox-carousel .swpocc-carousel-track{gap:10px!important;}
.swpocc-cadeaubox-page .swpocc-box-add{font-size:12px!important;padding:0 10px!important;}
}
/* =======================================================
USER FIX — cadeauzoeker button borders + cadeaubox add button icon inline
Keep all existing functionality intact.
======================================================= */
:root{--swpocc-action-border:#e8e3ef;--swpocc-action-border-hover:#d9d1e8;}
body.swp-body .swp-deal-card button,
body.swp-body .swp-deal-card a[class*="action"],
body.swp-body .swp-deal-card button[class*="action"],
body.swp-body .swp-deal-card [class*="action"] button,
body.swp-body .swp-deal-card .swpocc-wishlist-btn,
body.swp-body .swp-deal-card .swp-wishlist-btn,
body.swp-body .swp-deal-card .swp-icon-btn,
body.swp-body .swp-deal-card .swp-product-action,
body.swp-body .swp-deal-card .swpocc-product-action,
body.swp-body .swp-deal-card .swp-action,
body.swp-body .swp-deal-card .swp-action-btn,
body.swp-body .swp-deal-card .swp-deal-action,
body.swp-body .swp-mini-grid button[class*="action"],
body.swp-body .swp-mini-grid [class*="action"] button,
body.swp-body .swp-mini-grid .swpocc-wishlist-btn,
body.swp-body .swpocc-ai-results button[class*="action"],
body.swp-body .swpocc-ai-results [class*="action"] button,
body.swp-body .swpocc-ai-results .swpocc-wishlist-btn,
body.swp-body .swpocc-cadeaubox-page .swp-deal-card button,
body.swp-body .swpocc-cadeaubox-page .swp-deal-card [class*="action"] button,
body.swp-body .swpocc-cadeaubox-page .swp-deal-card .swpocc-wishlist-btn{
border:1px solid var(--swpocc-action-border)!important;
outline:0!important;
box-shadow:0 6px 16px rgba(36,24,50,.035)!important;
}
body.swp-body .swp-deal-card button:hover,
body.swp-body .swp-deal-card a[class*="action"]:hover,
body.swp-body .swp-deal-card button[class*="action"]:hover,
body.swp-body .swp-deal-card [class*="action"] button:hover,
body.swp-body .swp-mini-grid button[class*="action"]:hover,
body.swp-body .swp-mini-grid [class*="action"] button:hover,
body.swp-body .swpocc-ai-results button[class*="action"]:hover,
body.swp-body .swpocc-ai-results [class*="action"] button:hover{
border-color:var(--swpocc-action-border-hover)!important;
box-shadow:0 8px 20px rgba(36,24,50,.06)!important;
}
body.swp-body .swp-deal-card button:focus,
body.swp-body .swp-deal-card button:focus-visible,
body.swp-body .swp-mini-grid button:focus,
body.swp-body .swp-mini-grid button:focus-visible{
outline:none!important;
border-color:#d7c9ef!important;
box-shadow:0 0 0 3px rgba(134,85,211,.10)!important;
}
/* Cadeaubox products: inherit the exact Swipio folder/cadeauzoeker card; only append the orange choose button. */
body.swp-body .swpocc-cadeaubox-page .swpocc-cadeaubox-folder-card .swp-deal-card{
border:1px solid #eeeaf7!important;
border-radius:0!important;
background:#fff!important;
box-shadow:none!important;
}
body.swp-body .swpocc-cadeaubox-page .swpocc-box-add,
body.swp-body .swpocc-cadeaubox-page button.swpocc-box-add,
body.swp-body .swpocc-cadeaubox-page .swpocc-box-select{
display:flex!important;
flex-direction:row!important;
align-items:center!important;
justify-content:center!important;
gap:8px!important;
width:calc(100% - 28px)!important;
min-height:42px!important;
margin:12px 14px 0!important;
padding:0 16px!important;
border-radius:999px!important;
border:1px solid #ffd799!important;
background:#fff3df!important;
color:#a75d00!important;
box-shadow:none!important;
font-size:14px!important;
line-height:1!important;
font-weight:900!important;
white-space:nowrap!important;
cursor:pointer!important;
position:relative!important;
z-index:10!important;
text-align:center!important;
}
body.swp-body .swpocc-cadeaubox-page .swpocc-box-add:before,
body.swp-body .swpocc-cadeaubox-page button.swpocc-box-add:before,
body.swp-body .swpocc-cadeaubox-page .swpocc-box-select:before{
content:'+'!important;
display:inline-grid!important;
place-items:center!important;
width:22px!important;
height:22px!important;
min-width:22px!important;
flex:0 0 22px!important;
border-radius:999px!important;
background:#ff9f2d!important;
color:#fff!important;
font-size:17px!important;
font-weight:900!important;
line-height:1!important;
margin:0!important;
transform:none!important;
}
body.swp-body .swpocc-cadeaubox-page .swpocc-box-product.is-selected .swpocc-box-add,
body.swp-body .swpocc-cadeaubox-page .swpocc-box-product.is-selected button.swpocc-box-add,
body.swp-body .swpocc-cadeaubox-page .swpocc-box-product.is-selected .swpocc-box-select{
background:#efe8ff!important;
border-color:#d8c7ff!important;
color:#6e36c9!important;
}
body.swp-body .swpocc-cadeaubox-page .swpocc-box-product.is-selected .swpocc-box-add:before,
body.swp-body .swpocc-cadeaubox-page .swpocc-box-product.is-selected button.swpocc-box-add:before,
body.swp-body .swpocc-cadeaubox-page .swpocc-box-product.is-selected .swpocc-box-select:before{
content:'✓'!important;
background:#8655d3!important;
}
@media(max-width:980px){
body.swp-body .swpocc-cadeaubox-page .swpocc-box-add{font-size:13px!important;min-height:40px!important;margin:10px 10px 0!important;width:calc(100% - 20px)!important;}
}
/* === SWIPIO ULTIMATE CONSISTENCY + SEO CONTENT === */
.swpocc-unified-block,
.swpocc-ultimate-content,
.swpocc-ultimate-links{
width:min(1120px, calc(100% - 32px));
margin:clamp(24px,4vw,44px) auto!important;
box-sizing:border-box;
}
.swpocc-unified-block:not(.swp-store-detail-hero):not(.swpocc-premium-hero),
.swpocc-ultimate-content,
.swpocc-ultimate-links{
background:#fff;
border:1px solid rgba(124,58,237,.14);
border-radius:24px;
padding:clamp(20px,3vw,32px);
box-shadow:0 18px 50px rgba(36,24,50,.06);
}
.swpocc-occasions-grid,
.swpocc-link-grid,
.swpocc-premium-links,
.swpocc-ultimate-copy-grid{
display:grid!important;
grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
gap:18px!important;
align-items:stretch!important;
}
.swpocc-occasion-card,
.swpocc-link-card,
.swpocc-premium-links>a,
.swpocc-ultimate-copy-grid>article{
height:100%;
min-height:150px;
display:flex!important;
flex-direction:column;
justify-content:flex-start;
background:#fff;
border:1px solid rgba(124,58,237,.16);
border-radius:20px;
padding:20px;
box-shadow:0 12px 34px rgba(36,24,50,.055);
text-decoration:none!important;
}
.swpocc-premium-links>a span,
.swpocc-link-card-sub,
.swpocc-occasion-tagline{margin-top:6px;line-height:1.55;}
.swpocc-ultimate-keyword-links,
.swpocc-loose-tags{
display:flex;
flex-wrap:wrap;
gap:10px;
margin-top:20px;
}
.swpocc-ultimate-keyword-links a,
.swpocc-loose-tags a{
display:inline-flex;
align-items:center;
border:1px solid rgba(124,58,237,.18);
border-radius:999px;
padding:8px 12px;
background:#f8f5ff;
color:#5b21b6;
font-weight:600;
text-decoration:none!important;
}
.swpocc-seo-section{
display:grid!important;
grid-template-columns:minmax(0,1fr) minmax(240px,320px);
gap:24px;
align-items:start;
}
.swpocc-seo-aside{
background:#faf7ff;
border:1px solid rgba(124,58,237,.14);
border-radius:18px;
padding:18px;
}
.swpocc-seo-aside a{display:block;padding:10px 0;border-top:1px solid rgba(124,58,237,.1);text-decoration:none;font-weight:600;}
.swpocc-seo-aside a:first-of-type{border-top:0;}
@media (max-width:760px){
.swpocc-unified-block,.swpocc-ultimate-content,.swpocc-ultimate-links{width:min(100% - 20px,1120px);padding:18px;margin:22px auto!important;border-radius:20px;}
.swpocc-seo-section{grid-template-columns:1fr!important;}
.swpocc-occasions-grid,.swpocc-link-grid,.swpocc-premium-links,.swpocc-ultimate-copy-grid{grid-template-columns:1fr!important;}
}
/* === SWIPIO ULTIMATE SEO CONTENT + CONSISTENCY v11 === */
.swpocc-ultimate-content,
.swpocc-ultimate-links,
.swpocc-seo-aftercontent .swpocc-section{
width:100%;
max-width:1180px;
margin:32px auto;
box-sizing:border-box;
}
.swpocc-ultimate-copy-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:18px;
margin-top:18px;
}
.swpocc-ultimate-copy-grid article,
.swpocc-unified-block.swpocc-info-grid article{
background:#fff;
border:1px solid rgba(111,76,255,.14);
border-radius:22px;
padding:22px;
box-shadow:0 12px 34px rgba(36,24,50,.06);
min-height:100%;
}
.swpocc-ultimate-copy-grid h3{
margin:0 0 8px;
font-size:1.05rem;
}
.swpocc-ultimate-copy-grid p,
.swpocc-seo-lead,
.swpocc-context-note{
color:#5f5870;
line-height:1.65;
}
.swpocc-ultimate-keyword-links{
display:flex;
flex-wrap:wrap;
gap:10px;
margin-top:20px;
}
.swpocc-ultimate-keyword-links a,
.swpocc-loose-tags a{
display:inline-flex;
align-items:center;
border:1px solid rgba(111,76,255,.18);
background:#f8f6ff;
color:#4b35b6;
border-radius:999px;
padding:8px 12px;
font-weight:700;
text-decoration:none;
}
.swpocc-ultimate-keyword-links a:hover,
.swpocc-loose-tags a:hover{
background:#efeaff;
transform:translateY(-1px);
}
.swpocc-premium-links{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
gap:14px;
width:100%;
}
.swpocc-premium-links a{
display:flex;
flex-direction:column;
gap:6px;
min-height:96px;
background:#fff;
border:1px solid rgba(111,76,255,.14);
border-radius:20px;
padding:18px;
text-decoration:none;
box-shadow:0 12px 34px rgba(36,24,50,.055);
}
.swpocc-premium-links a strong{color:#271946;font-size:1rem;}
.swpocc-premium-links a span{color:#6a6178;font-size:.93rem;}
.swpocc-premium-links a:hover{transform:translateY(-2px);box-shadow:0 16px 38px rgba(36,24,50,.08);}
.swpocc-seo-aftercontent{max-width:1180px;margin:0 auto;padding:0 18px;}
@media (max-width:720px){
.swpocc-ultimate-copy-grid,.swpocc-premium-links{grid-template-columns:1fr;}
.swpocc-ultimate-content,.swpocc-ultimate-links,.swpocc-seo-aftercontent .swpocc-section{margin:22px auto;}
}
/* SEO Content Max v12 — consistente contentblokken en grids */
.swpocc-intent-section,
.swpocc-copy-depth,
.swpocc-contentmax .swpocc-section{
max-width: 1180px;
margin: 28px auto;
padding: clamp(22px, 3vw, 38px);
border: 1px solid rgba(94, 67, 148, .14);
border-radius: 28px;
background: rgba(255,255,255,.92);
box-shadow: 0 18px 48px rgba(31, 22, 54, .07);
}
.swpocc-intent-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:18px;
margin:22px 0;
}
.swpocc-intent-grid article,
.swpocc-copy-depth article{
min-height:100%;
padding:20px;
border:1px solid rgba(94,67,148,.12);
border-radius:22px;
background:#fff;
box-shadow:0 10px 28px rgba(31,22,54,.05);
}
.swpocc-intent-grid h3,
.swpocc-copy-depth h3{margin-top:0;}
.swpocc-copy-columns{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:20px;
}
.swpocc-copy-columns p{margin:0;line-height:1.75;}
.swpocc-ultimate-keyword-links{
display:flex;
flex-wrap:wrap;
gap:10px;
margin-top:18px;
}
.swpocc-ultimate-keyword-links a{
display:inline-flex;
align-items:center;
justify-content:center;
padding:9px 13px;
border-radius:999px;
border:1px solid rgba(94,67,148,.16);
background:linear-gradient(180deg,#fff,#faf8ff);
text-decoration:none;
font-weight:700;
color:inherit;
}
.swpocc-ultimate-keyword-links a:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(31,22,54,.08);}
.swpocc-context-note{
margin-top:18px;
padding:14px 16px;
border-radius:18px;
background:rgba(113,75,190,.08);
font-weight:650;
}
@media (max-width: 820px){
.swpocc-intent-grid,.swpocc-copy-columns{grid-template-columns:1fr;}
.swpocc-intent-section,.swpocc-copy-depth,.swpocc-contentmax .swpocc-section{border-radius:22px;padding:20px;margin:20px auto;}
}
/* SEO Intent Dominance v13 */
.swpocc-v13-aftercontent{max-width:1180px;margin:0 auto;padding:0 18px 34px;}
.swpocc-v13-copy,.swpocc-v13-hub{max-width:1180px;margin:28px auto;padding:clamp(22px,3vw,38px);border:1px solid rgba(94,67,148,.14);border-radius:28px;background:rgba(255,255,255,.94);box-shadow:0 18px 48px rgba(31,22,54,.07);}
.swpocc-v13-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:22px 0;}
.swpocc-v13-grid article{padding:20px;border-radius:22px;border:1px solid rgba(94,67,148,.12);background:#fff;box-shadow:0 10px 28px rgba(31,22,54,.05);}
.swpocc-v13-grid h3{margin-top:0;}
.swpocc-v13-keywords{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;}
.swpocc-v13-keywords a{display:inline-flex;align-items:center;justify-content:center;padding:9px 13px;border-radius:999px;border:1px solid rgba(94,67,148,.16);background:linear-gradient(180deg,#fff,#faf8ff);text-decoration:none;font-weight:700;color:inherit;}
.swpocc-v13-keywords a:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(31,22,54,.08);}
@media (max-width:1020px){.swpocc-v13-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:720px){.swpocc-v13-grid{grid-template-columns:1fr}.swpocc-v13-copy,.swpocc-v13-hub{border-radius:22px;padding:20px;margin:20px auto;}}
/* Swipio SEO Authority Max v14 - consistent met bestaande card/grid look */
.swpocc-v14-authority,.swpocc-v14-entities,.swpocc-v14-serp,.swpocc-v14-hubs{max-width:1180px;margin:28px auto;padding:28px;background:#fff;border:1px solid rgba(93,63,211,.12);border-radius:24px;box-shadow:0 14px 38px rgba(38,25,67,.06)}
.swpocc-v14-columns,.swpocc-v14-entity-grid,.swpocc-v14-faqgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-top:18px}
.swpocc-v14-columns article,.swpocc-v14-entity-grid article,.swpocc-v14-faqgrid article{background:#fbf9ff;border:1px solid rgba(93,63,211,.10);border-radius:20px;padding:20px;box-shadow:0 10px 24px rgba(38,25,67,.04)}
.swpocc-v14-columns h3,.swpocc-v14-entity-grid h3,.swpocc-v14-faqgrid h3{margin-top:0;margin-bottom:8px}
.swpocc-v14-aftercontent{clear:both;width:100%;box-sizing:border-box}
@media (max-width:720px){.swpocc-v14-authority,.swpocc-v14-entities,.swpocc-v14-serp,.swpocc-v14-hubs{padding:20px;border-radius:20px}.swpocc-v14-columns,.swpocc-v14-entity-grid,.swpocc-v14-faqgrid{grid-template-columns:1fr}}
/* Strict matching/layout polish: productoverzicht direct onder de hero/intro tonen */
.swpocc-products-high{margin-top:clamp(18px,3vw,32px)!important;}
.swpocc-products-high + .swpocc-info-grid{margin-top:clamp(26px,4vw,44px);}
/* Zoekpagina fix: op /zoek/ zonder zoekopdracht geen populaire productresultaten tonen. */
body.swpocc-search-empty .swpocc-search-hidden-section,
body.swpocc-search-empty [data-swpocc-hidden-before-search="1"]{display:none!important;}
/* =======================================================
USER FIX — product images full-bleed inside every card
The image area now fills the full card width/height above the text.
Images are cropped neatly with object-fit: cover; never stretched.
Applies across search, occasions, budget, recipient, cadeaubox,
cadeauzoeker, carousels and related product grids.
======================================================= */
body.swp-body .swp-deal-card,
body.swp-body .swipio-deal-card,
body.swp-body [class*="deal-card"],
body.swp-body [class*="product-card"]{
overflow:hidden!important;
}
body.swp-body .swp-deal-card .swp-deal-card-link,
body.swp-body .swipio-deal-card .swp-deal-card-link,
body.swp-body .swp-deal-card > a:first-child,
body.swp-body .swipio-deal-card > a:first-child{
display:flex!important;
flex-direction:column!important;
align-items:stretch!important;
height:100%!important;
}
body.swp-body .swp-deal-card .swp-deal-image-wrap,
body.swp-body .swp-deal-card .swp-deal-image,
body.swp-body .swp-deal-card .swp-product-image,
body.swp-body .swp-deal-card .swp-card-image,
body.swp-body .swipio-deal-card .swp-deal-image-wrap,
body.swp-body .swipio-deal-card .swp-deal-image,
body.swp-body .swipio-deal-card .swp-product-image,
body.swp-body .swipio-deal-card .swp-card-image,
body.swp-body .swpocc-product-card .swp-deal-image-wrap,
body.swp-body .swpocc-product-card .swp-deal-image,
body.swp-body .swpocc-product-card .swp-product-image,
body.swp-body .swpocc-cadeaubox-folder-card .swp-deal-image-wrap,
body.swp-body .swpocc-cadeaubox-folder-card .swp-deal-image,
body.swp-body .swpocc-cadeaubox-folder-card .swp-product-image{
display:block!important;
width:100%!important;
max-width:100%!important;
height:238px!important;
min-height:238px!important;
max-height:238px!important;
flex:0 0 238px!important;
margin:0 0 16px 0!important;
padding:0!important;
border-radius:0!important;
overflow:hidden!important;
background:#f7f5fb!important;
}
body.swp-body .swp-deal-card .swp-deal-image-wrap img,
body.swp-body .swp-deal-card .swp-deal-image img,
body.swp-body .swp-deal-card .swp-product-image img,
body.swp-body .swp-deal-card .swp-card-image img,
body.swp-body .swipio-deal-card .swp-deal-image-wrap img,
body.swp-body .swipio-deal-card .swp-deal-image img,
body.swp-body .swipio-deal-card .swp-product-image img,
body.swp-body .swipio-deal-card .swp-card-image img,
body.swp-body .swpocc-product-card .swp-deal-image-wrap img,
body.swp-body .swpocc-product-card .swp-deal-image img,
body.swp-body .swpocc-product-card .swp-product-image img,
body.swp-body .swpocc-cadeaubox-folder-card .swp-deal-image-wrap img,
body.swp-body .swpocc-cadeaubox-folder-card .swp-deal-image img,
body.swp-body .swpocc-cadeaubox-folder-card .swp-product-image img{
display:block!important;
width:100%!important;
height:100%!important;
min-width:100%!important;
min-height:100%!important;
max-width:none!important;
max-height:none!important;
object-fit:cover!important;
object-position:center center!important;
margin:0!important;
padding:0!important;
border-radius:0!important;
}
/* If the feed card prints the product image directly as the first image in the card. */
body.swp-body .swp-deal-card > img:first-child,
body.swp-body .swipio-deal-card > img:first-child,
body.swp-body .swpocc-product-card > img:first-child{
display:block!important;
width:100%!important;
height:238px!important;
object-fit:cover!important;
object-position:center center!important;
margin:0 0 16px 0!important;
border-radius:0!important;
}
/* Keep store logos and small icons normal; only product media is full-bleed. */
body.swp-body .swp-deal-store img,
body.swp-body .swp-store-logo,
body.swp-body img.swp-store-logo,
body.swp-body .swpocc-selected-image,
body.swp-body .swpocc-social-proof-badge img{
width:auto!important;
height:auto!important;
min-width:0!important;
min-height:0!important;
max-width:110px!important;
max-height:34px!important;
object-fit:contain!important;
margin:0!important;
border-radius:0!important;
}
@media (max-width:980px){
body.swp-body .swp-deal-card .swp-deal-image-wrap,
body.swp-body .swp-deal-card .swp-deal-image,
body.swp-body .swp-deal-card .swp-product-image,
body.swp-body .swp-deal-card .swp-card-image,
body.swp-body .swipio-deal-card .swp-deal-image-wrap,
body.swp-body .swipio-deal-card .swp-deal-image,
body.swp-body .swipio-deal-card .swp-product-image,
body.swp-body .swipio-deal-card .swp-card-image,
body.swp-body .swpocc-product-card .swp-deal-image-wrap,
body.swp-body .swpocc-product-card .swp-deal-image,
body.swp-body .swpocc-product-card .swp-product-image,
body.swp-body .swpocc-cadeaubox-folder-card .swp-deal-image-wrap,
body.swp-body .swpocc-cadeaubox-folder-card .swp-deal-image,
body.swp-body .swpocc-cadeaubox-folder-card .swp-product-image{
height:205px!important;
min-height:205px!important;
max-height:205px!important;
flex-basis:205px!important;
}
}
@media (max-width:560px){
body.swp-body .swp-deal-card .swp-deal-image-wrap,
body.swp-body .swp-deal-card .swp-deal-image,
body.swp-body .swp-deal-card .swp-product-image,
body.swp-body .swp-deal-card .swp-card-image,
body.swp-body .swipio-deal-card .swp-deal-image-wrap,
body.swp-body .swipio-deal-card .swp-deal-image,
body.swp-body .swipio-deal-card .swp-product-image,
body.swp-body .swipio-deal-card .swp-card-image,
body.swp-body .swpocc-product-card .swp-deal-image-wrap,
body.swp-body .swpocc-product-card .swp-deal-image,
body.swp-body .swpocc-product-card .swp-product-image,
body.swp-body .swpocc-cadeaubox-folder-card .swp-deal-image-wrap,
body.swp-body .swpocc-cadeaubox-folder-card .swp-deal-image,
body.swp-body .swpocc-cadeaubox-folder-card .swp-product-image{
height:190px!important;
min-height:190px!important;
max-height:190px!important;
flex-basis:190px!important;
}
}
/* ==========================================================
SWIPIO FINAL FIX — productafbeeldingen overal full-bleed
Doel: geen witte randen meer rond productfoto's in kaarten.
Werkt bovenop de bestaande Swipio Folder card markup zonder
functionaliteit, knoppen, favorieten, prijs of matching te wijzigen.
========================================================== */
body.swp-body .swp-deal-card,
body.swp-body .swipio-deal-card,
body.swp-body .swp-product-card,
body.swp-body .swpocc-product-card,
body.swp-body .swpocc-wishlist-product-card,
body.swp-body .swpocc-cadeaubox-folder-card,
body.swp-body [class*="deal-card"],
body.swp-body [class*="product-card"]{
overflow:hidden!important;
}
/* Als de kaart een klikbare binnen-wrapper gebruikt, mag die geen padding
vóór/rond de afbeelding creëren. De content daaronder behoudt zijn eigen
padding via bestaande child-styling. */
body.swp-body .swp-deal-card > a:first-child,
body.swp-body .swipio-deal-card > a:first-child,
body.swp-body .swp-product-card > a:first-child,
body.swp-body .swpocc-product-card > a:first-child,
body.swp-body [class*="deal-card"] > a:first-child,
body.swp-body [class*="product-card"] > a:first-child{
padding-top:0!important;
padding-left:0!important;
padding-right:0!important;
overflow:hidden!important;
}
/* Alle bekende product-media containers: volledige kaartbreedte, vaste nette
crop-hoogte, geen padding/margin/radius die witte randen veroorzaakt. */
body.swp-body .swp-deal-card .swp-deal-image-wrap,
body.swp-body .swp-deal-card .swp-deal-image,
body.swp-body .swp-deal-card .swp-product-image,
body.swp-body .swp-deal-card .swp-card-image,
body.swp-body .swp-deal-card .swp-card-media,
body.swp-body .swp-deal-card .swp-product-thumb,
body.swp-body .swp-deal-card .swp-thumb,
body.swp-body .swipio-deal-card .swp-deal-image-wrap,
body.swp-body .swipio-deal-card .swp-deal-image,
body.swp-body .swipio-deal-card .swp-product-image,
body.swp-body .swipio-deal-card .swp-card-image,
body.swp-body .swipio-deal-card .swp-card-media,
body.swp-body .swipio-deal-card .swp-product-thumb,
body.swp-body .swipio-deal-card .swp-thumb,
body.swp-body .swp-product-card .swp-deal-image-wrap,
body.swp-body .swp-product-card .swp-deal-image,
body.swp-body .swp-product-card .swp-product-image,
body.swp-body .swp-product-card .swp-card-image,
body.swp-body .swp-product-card .swp-card-media,
body.swp-body .swp-product-card .swp-product-thumb,
body.swp-body .swp-product-card .swp-thumb,
body.swp-body .swpocc-product-card .swp-deal-image-wrap,
body.swp-body .swpocc-product-card .swp-deal-image,
body.swp-body .swpocc-product-card .swp-product-image,
body.swp-body .swpocc-product-card .swp-card-image,
body.swp-body .swpocc-product-card .swp-card-media,
body.swp-body .swpocc-product-card .swp-product-thumb,
body.swp-body .swpocc-product-card .swp-thumb,
body.swp-body .swpocc-cadeaubox-folder-card .swp-deal-image-wrap,
body.swp-body .swpocc-cadeaubox-folder-card .swp-deal-image,
body.swp-body .swpocc-cadeaubox-folder-card .swp-product-image,
body.swp-body .swpocc-cadeaubox-folder-card .swp-card-image,
body.swp-body .swpocc-cadeaubox-folder-card .swp-card-media,
body.swp-body .swpocc-cadeaubox-folder-card .swp-product-thumb,
body.swp-body .swpocc-cadeaubox-folder-card .swp-thumb{
display:block!important;
width:100%!important;
max-width:none!important;
height:260px!important;
min-height:260px!important;
max-height:260px!important;
margin:0 0 16px 0!important;
padding:0!important;
border:0!important;
border-radius:0!important;
overflow:hidden!important;
background:transparent!important;
flex:0 0 260px!important;
}
body.swp-body .swp-deal-card .swp-deal-image-wrap img,
body.swp-body .swp-deal-card .swp-deal-image img,
body.swp-body .swp-deal-card .swp-product-image img,
body.swp-body .swp-deal-card .swp-card-image img,
body.swp-body .swp-deal-card .swp-card-media img,
body.swp-body .swp-deal-card .swp-product-thumb img,
body.swp-body .swp-deal-card .swp-thumb img,
body.swp-body .swipio-deal-card .swp-deal-image-wrap img,
body.swp-body .swipio-deal-card .swp-deal-image img,
body.swp-body .swipio-deal-card .swp-product-image img,
body.swp-body .swipio-deal-card .swp-card-image img,
body.swp-body .swipio-deal-card .swp-card-media img,
body.swp-body .swipio-deal-card .swp-product-thumb img,
body.swp-body .swipio-deal-card .swp-thumb img,
body.swp-body .swp-product-card .swp-deal-image-wrap img,
body.swp-body .swp-product-card .swp-deal-image img,
body.swp-body .swp-product-card .swp-product-image img,
body.swp-body .swp-product-card .swp-card-image img,
body.swp-body .swp-product-card .swp-card-media img,
body.swp-body .swp-product-card .swp-product-thumb img,
body.swp-body .swp-product-card .swp-thumb img,
body.swp-body .swpocc-product-card .swp-deal-image-wrap img,
body.swp-body .swpocc-product-card .swp-deal-image img,
body.swp-body .swpocc-product-card .swp-product-image img,
body.swp-body .swpocc-product-card .swp-card-image img,
body.swp-body .swpocc-product-card .swp-card-media img,
body.swp-body .swpocc-product-card .swp-product-thumb img,
body.swp-body .swpocc-product-card .swp-thumb img,
body.swp-body .swpocc-cadeaubox-folder-card .swp-deal-image-wrap img,
body.swp-body .swpocc-cadeaubox-folder-card .swp-deal-image img,
body.swp-body .swpocc-cadeaubox-folder-card .swp-product-image img,
body.swp-body .swpocc-cadeaubox-folder-card .swp-card-image img,
body.swp-body .swpocc-cadeaubox-folder-card .swp-card-media img,
body.swp-body .swpocc-cadeaubox-folder-card .swp-product-thumb img,
body.swp-body .swpocc-cadeaubox-folder-card .swp-thumb img{
display:block!important;
width:100%!important;
height:100%!important;
min-width:100%!important;
min-height:100%!important;
max-width:none!important;
max-height:none!important;
object-fit:cover!important;
object-position:center center!important;
margin:0!important;
padding:0!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
}
/* Fallback voor kaarten waar de productfoto direct als eerste ![]()
staat
of in een eerste / zit. */
body.swp-body .swp-deal-card > img:first-child,
body.swp-body .swp-deal-card > a:first-child > img:first-child,
body.swp-body .swp-deal-card > a:first-child > picture:first-child,
body.swp-body .swp-deal-card > a:first-child > figure:first-child,
body.swp-body .swipio-deal-card > img:first-child,
body.swp-body .swipio-deal-card > a:first-child > img:first-child,
body.swp-body .swipio-deal-card > a:first-child > picture:first-child,
body.swp-body .swipio-deal-card > a:first-child > figure:first-child,
body.swp-body .swp-product-card > img:first-child,
body.swp-body .swp-product-card > a:first-child > img:first-child,
body.swp-body .swp-product-card > a:first-child > picture:first-child,
body.swp-body .swp-product-card > a:first-child > figure:first-child,
body.swp-body .swpocc-product-card > img:first-child,
body.swp-body .swpocc-product-card > a:first-child > img:first-child,
body.swp-body .swpocc-product-card > a:first-child > picture:first-child,
body.swp-body .swpocc-product-card > a:first-child > figure:first-child{
display:block!important;
width:100%!important;
max-width:none!important;
height:260px!important;
min-height:260px!important;
max-height:260px!important;
margin:0 0 16px 0!important;
padding:0!important;
border:0!important;
border-radius:0!important;
overflow:hidden!important;
object-fit:cover!important;
object-position:center center!important;
background:transparent!important;
}
body.swp-body .swp-deal-card > a:first-child > picture:first-child img,
body.swp-body .swp-deal-card > a:first-child > figure:first-child img,
body.swp-body .swipio-deal-card > a:first-child > picture:first-child img,
body.swp-body .swipio-deal-card > a:first-child > figure:first-child img,
body.swp-body .swp-product-card > a:first-child > picture:first-child img,
body.swp-body .swp-product-card > a:first-child > figure:first-child img,
body.swp-body .swpocc-product-card > a:first-child > picture:first-child img,
body.swp-body .swpocc-product-card > a:first-child > figure:first-child img{
width:100%!important;
height:100%!important;
max-width:none!important;
object-fit:cover!important;
object-position:center center!important;
display:block!important;
margin:0!important;
padding:0!important;
border-radius:0!important;
}
/* Logo's, iconen en badges mogen juist NIET gecropt worden. */
body.swp-body .swp-deal-store img,
body.swp-body .swp-deal-merchant img,
body.swp-body .swp-store-logo,
body.swp-body img.swp-store-logo,
body.swp-body .swpocc-selected-image,
body.swp-body .swpocc-social-proof-badge img,
body.swp-body .swpocc-wishlist-btn img,
body.swp-body .swp-action img,
body.swp-body .swp-deal-actions img{
width:auto!important;
height:auto!important;
min-width:0!important;
min-height:0!important;
max-width:120px!important;
max-height:36px!important;
object-fit:contain!important;
object-position:center center!important;
margin:0!important;
padding:0!important;
border-radius:0!important;
background:transparent!important;
}
@media (max-width:980px){
body.swp-body .swp-deal-card .swp-deal-image-wrap,
body.swp-body .swp-deal-card .swp-deal-image,
body.swp-body .swp-deal-card .swp-product-image,
body.swp-body .swp-deal-card .swp-card-image,
body.swp-body .swp-deal-card .swp-card-media,
body.swp-body .swp-product-card .swp-card-media,
body.swp-body .swp-product-card .swp-product-image,
body.swp-body .swipio-deal-card .swp-card-media,
body.swp-body .swipio-deal-card .swp-product-image,
body.swp-body .swpocc-product-card .swp-card-media,
body.swp-body .swpocc-product-card .swp-product-image,
body.swp-body .swpocc-cadeaubox-folder-card .swp-product-image,
body.swp-body .swp-deal-card > img:first-child,
body.swp-body .swp-deal-card > a:first-child > img:first-child,
body.swp-body .swipio-deal-card > img:first-child,
body.swp-body .swipio-deal-card > a:first-child > img:first-child,
body.swp-body .swp-product-card > img:first-child,
body.swp-body .swp-product-card > a:first-child > img:first-child{
height:220px!important;
min-height:220px!important;
max-height:220px!important;
flex-basis:220px!important;
}
}
@media (max-width:560px){
body.swp-body .swp-deal-card .swp-deal-image-wrap,
body.swp-body .swp-deal-card .swp-deal-image,
body.swp-body .swp-deal-card .swp-product-image,
body.swp-body .swp-deal-card .swp-card-image,
body.swp-body .swp-deal-card .swp-card-media,
body.swp-body .swp-product-card .swp-card-media,
body.swp-body .swp-product-card .swp-product-image,
body.swp-body .swipio-deal-card .swp-card-media,
body.swp-body .swipio-deal-card .swp-product-image,
body.swp-body .swpocc-product-card .swp-card-media,
body.swp-body .swpocc-product-card .swp-product-image,
body.swp-body .swpocc-cadeaubox-folder-card .swp-product-image,
body.swp-body .swp-deal-card > img:first-child,
body.swp-body .swp-deal-card > a:first-child > img:first-child,
body.swp-body .swipio-deal-card > img:first-child,
body.swp-body .swipio-deal-card > a:first-child > img:first-child,
body.swp-body .swp-product-card > img:first-child,
body.swp-body .swp-product-card > a:first-child > img:first-child{
height:198px!important;
min-height:198px!important;
max-height:198px!important;
flex-basis:198px!important;
}
}
/* ==========================================================
USER REPAIR — herstel productkaarten/cadeaubox na full-bleed
- Cadeaubox toont pas resultaten na submit via PHP.
- Cadeaubox-producten gebruiken weer normale Swipio kaartopbouw.
- Kies-knop blijft compacte pill, geen grote cirkel.
- Productfoto's blijven netjes gecropt boven de tekst, zonder andere
knoppen zoals prijsalert/favoriet te overschrijven.
========================================================== */
body.swp-body .swpocc-cadeaubox-page .swpocc-cadeaubox-carousel{
overflow:visible!important;
padding:0!important;
margin-top:18px!important;
}
body.swp-body .swpocc-cadeaubox-page .swpocc-cadeaubox-carousel .swpocc-carousel-track{
display:flex!important;
grid-template-columns:none!important;
gap:16px!important;
overflow-x:auto!important;
overflow-y:visible!important;
scroll-snap-type:x mandatory!important;
padding:4px 6px 14px!important;
transform:none!important;
scrollbar-width:none!important;
-webkit-overflow-scrolling:touch!important;
}
body.swp-body .swpocc-cadeaubox-page .swpocc-cadeaubox-carousel .swpocc-carousel-track::-webkit-scrollbar{display:none!important;}
body.swp-body .swpocc-cadeaubox-page .swpocc-cadeaubox-carousel .swpocc-carousel-nav{
display:flex!important;
}
body.swp-body .swpocc-cadeaubox-page .swpocc-cadeaubox-card-shell,
body.swp-body .swpocc-cadeaubox-page .swpocc-box-product{
flex:0 0 250px!important;
width:250px!important;
max-width:250px!important;
min-width:250px!important;
height:auto!important;
min-height:0!important;
display:flex!important;
flex-direction:column!important;
scroll-snap-align:start!important;
background:transparent!important;
border:0!important;
box-shadow:none!important;
border-radius:0!important;
overflow:visible!important;
padding:0!important;
margin:0!important;
position:relative!important;
}
body.swp-body .swpocc-cadeaubox-page .swpocc-cadeaubox-folder-card{
width:100%!important;
min-width:0!important;
display:block!important;
overflow:visible!important;
}
body.swp-body .swpocc-cadeaubox-page .swpocc-cadeaubox-folder-card .swp-deal-card,
body.swp-body .swpocc-cadeaubox-page .swpocc-cadeaubox-folder-card .swipio-deal-card,
body.swp-body .swpocc-cadeaubox-page .swpocc-cadeaubox-folder-card [class*="deal-card"]{
width:100%!important;
max-width:100%!important;
min-width:0!important;
height:auto!important;
min-height:410px!important;
display:flex!important;
flex-direction:column!important;
background:#fff!important;
border:1px solid #eeeaf7!important;
border-radius:0!important;
box-shadow:none!important;
overflow:hidden!important;
padding:0!important;
margin:0!important;
}
body.swp-body .swpocc-cadeaubox-page .swpocc-cadeaubox-folder-card .swp-deal-card > a:first-child,
body.swp-body .swpocc-cadeaubox-page .swpocc-cadeaubox-folder-card .swipio-deal-card > a:first-child{
display:flex!important;
flex-direction:column!important;
align-items:stretch!important;
flex:1 1 auto!important;
height:auto!important;
min-height:0!important;
padding:0!important;
text-decoration:none!important;
}
body.swp-body .swpocc-cadeaubox-page .swpocc-cadeaubox-folder-card .swp-deal-image-wrap,
body.swp-body .swpocc-cadeaubox-page .swpocc-cadeaubox-folder-card .swp-deal-image,
body.swp-body .swpocc-cadeaubox-page .swpocc-cadeaubox-folder-card .swp-product-image,
body.swp-body .swpocc-cadeaubox-page .swpocc-cadeaubox-folder-card .swp-card-image,
body.swp-body .swpocc-cadeaubox-page .swpocc-cadeaubox-folder-card .swp-card-media{
display:block!important;
width:100%!important;
height:220px!important;
min-height:220px!important;
max-height:220px!important;
flex:0 0 220px!important;
margin:0 0 14px!important;
padding:0!important;
border:0!important;
border-radius:0!important;
background:#f8f6fb!important;
overflow:hidden!important;
}
body.swp-body .swpocc-cadeaubox-page .swpocc-cadeaubox-folder-card .swp-deal-image-wrap img,
body.swp-body .swpocc-cadeaubox-page .swpocc-cadeaubox-folder-card .swp-deal-image img,
body.swp-body .swpocc-cadeaubox-page .swpocc-cadeaubox-folder-card .swp-product-image img,
body.swp-body .swpocc-cadeaubox-page .swpocc-cadeaubox-folder-card .swp-card-image img,
body.swp-body .swpocc-cadeaubox-page .swpocc-cadeaubox-folder-card .swp-card-media img{
width:100%!important;
height:100%!important;
max-width:none!important;
max-height:none!important;
object-fit:cover!important;
object-position:center center!important;
display:block!important;
margin:0!important;
padding:0!important;
border-radius:0!important;
}
body.swp-body .swpocc-cadeaubox-page .swpocc-cadeaubox-folder-card .swp-deal-store,
body.swp-body .swpocc-cadeaubox-page .swpocc-cadeaubox-folder-card .swp-deal-title,
body.swp-body .swpocc-cadeaubox-page .swpocc-cadeaubox-folder-card .swp-deal-price,
body.swp-body .swpocc-cadeaubox-page .swpocc-cadeaubox-folder-card .swp-deal-actions,
body.swp-body .swpocc-cadeaubox-page .swpocc-cadeaubox-folder-card [class*="store"],
body.swp-body .swpocc-cadeaubox-page .swpocc-cadeaubox-folder-card [class*="title"],
body.swp-body .swpocc-cadeaubox-page .swpocc-cadeaubox-folder-card [class*="price"]{
visibility:visible!important;
opacity:1!important;
}
body.swp-body .swpocc-cadeaubox-page .swpocc-box-add,
body.swp-body .swpocc-cadeaubox-page button.swpocc-box-add,
body.swp-body .swpocc-cadeaubox-page .swpocc-box-select{
appearance:none!important;
display:inline-flex!important;
flex-direction:row!important;
align-items:center!important;
justify-content:center!important;
gap:8px!important;
width:calc(100% - 24px)!important;
max-width:calc(100% - 24px)!important;
height:42px!important;
min-height:42px!important;
max-height:42px!important;
margin:10px 12px 0!important;
padding:0 14px!important;
border-radius:999px!important;
border:1px solid #ffd799!important;
background:#fff3df!important;
color:#a75d00!important;
box-shadow:none!important;
font-size:14px!important;
line-height:1!important;
font-weight:900!important;
white-space:nowrap!important;
text-align:center!important;
position:static!important;
inset:auto!important;
transform:none!important;
z-index:2!important;
overflow:hidden!important;
}
body.swp-body .swpocc-cadeaubox-page .swpocc-box-add:before,
body.swp-body .swpocc-cadeaubox-page button.swpocc-box-add:before,
body.swp-body .swpocc-cadeaubox-page .swpocc-box-select:before{
content:'+'!important;
display:inline-grid!important;
place-items:center!important;
width:22px!important;
height:22px!important;
min-width:22px!important;
flex:0 0 22px!important;
border-radius:999px!important;
background:#ff9f2d!important;
color:#fff!important;
margin:0!important;
padding:0!important;
font-size:17px!important;
line-height:1!important;
font-weight:900!important;
}
body.swp-body .swpocc-cadeaubox-page .swpocc-box-product.is-selected .swpocc-box-add,
body.swp-body .swpocc-cadeaubox-page .swpocc-box-product.is-selected .swpocc-box-select{
background:#efe8ff!important;
border-color:#d8c7ff!important;
color:#6e36c9!important;
}
body.swp-body .swpocc-cadeaubox-page .swpocc-box-product.is-selected .swpocc-box-add:before,
body.swp-body .swpocc-cadeaubox-page .swpocc-box-product.is-selected .swpocc-box-select:before{
content:'✓'!important;
background:#8655d3!important;
}
/* Laat prijsalert/wishlist/fire-knoppen met hun bestaande Swipio vorm bestaan. */
body.swp-body .swp-deal-card .swpocc-wishlist-btn,
body.swp-body .swp-deal-card .swp-wishlist-btn,
body.swp-body .swp-deal-card [class*="price-alert"],
body.swp-body .swp-deal-card [class*="prijsalert"],
body.swp-body .swp-deal-card [aria-label*="Prijs"],
body.swp-body .swp-deal-card [aria-label*="prijs"]{
border-radius:999px!important;
width:auto!important;
min-width:38px!important;
height:38px!important;
min-height:38px!important;
padding:0 10px!important;
position:relative!important;
transform:none!important;
}
body.swp-body .swpocc-ai-coach-page:not(.swpocc-has-results) #swpocc-results{display:none!important;}
@media(max-width:980px){
body.swp-body .swpocc-cadeaubox-page .swpocc-cadeaubox-card-shell,
body.swp-body .swpocc-cadeaubox-page .swpocc-box-product{flex-basis:220px!important;width:220px!important;max-width:220px!important;min-width:220px!important;}
body.swp-body .swpocc-cadeaubox-page .swpocc-cadeaubox-folder-card .swp-deal-image-wrap,
body.swp-body .swpocc-cadeaubox-page .swpocc-cadeaubox-folder-card .swp-deal-image,
body.swp-body .swpocc-cadeaubox-page .swpocc-cadeaubox-folder-card .swp-product-image,
body.swp-body .swpocc-cadeaubox-page .swpocc-cadeaubox-folder-card .swp-card-image,
body.swp-body .swpocc-cadeaubox-page .swpocc-cadeaubox-folder-card .swp-card-media{height:198px!important;min-height:198px!important;max-height:198px!important;flex-basis:198px!important;}
}
/* =========================================================
FINAL SEARCH PAGE IMAGE FIX
Alleen /zoek/: productfoto bovenaan full-bleed in het kaartvlak,
zonder uitrekken. De rest van de kaart/buttons/functionality blijft intact.
========================================================= */
body.swpocc-search-page .swp-deal-card,
body.swpocc-search-page .swipio-deal-card,
body.swpocc-search-page [class*="deal-card"],
body.swpocc-search-page [class*="product-card"]{
overflow:hidden!important;
}
body.swpocc-search-page .swp-deal-card .swpocc-search-product-media,
body.swpocc-search-page .swipio-deal-card .swpocc-search-product-media,
body.swpocc-search-page [class*="deal-card"] .swpocc-search-product-media,
body.swpocc-search-page [class*="product-card"] .swpocc-search-product-media{
display:block!important;
width:calc(100% + 32px)!important;
max-width:none!important;
height:248px!important;
min-height:248px!important;
max-height:248px!important;
margin:-16px -16px 16px!important;
padding:0!important;
overflow:hidden!important;
border-radius:0!important;
background:#f7f7fb!important;
box-shadow:none!important;
border:0!important;
}
body.swpocc-search-page .swp-deal-card .swpocc-search-product-media img.swpocc-search-product-img,
body.swpocc-search-page .swipio-deal-card .swpocc-search-product-media img.swpocc-search-product-img,
body.swpocc-search-page [class*="deal-card"] .swpocc-search-product-media img.swpocc-search-product-img,
body.swpocc-search-page [class*="product-card"] .swpocc-search-product-media img.swpocc-search-product-img{
display:block!important;
width:100%!important;
max-width:none!important;
height:100%!important;
max-height:none!important;
min-height:100%!important;
margin:0!important;
padding:0!important;
border-radius:0!important;
object-fit:cover!important;
object-position:center center!important;
background:#f7f7fb!important;
transform:none!important;
}
/* Fallback wanneer de productfoto geen aparte media-wrapper heeft. */
body.swpocc-search-page .swp-deal-card > img.swpocc-search-product-img,
body.swpocc-search-page .swipio-deal-card > img.swpocc-search-product-img,
body.swpocc-search-page [class*="deal-card"] > img.swpocc-search-product-img,
body.swpocc-search-page [class*="product-card"] > img.swpocc-search-product-img{
display:block!important;
width:calc(100% + 32px)!important;
max-width:none!important;
height:248px!important;
max-height:248px!important;
margin:-16px -16px 16px!important;
padding:0!important;
object-fit:cover!important;
object-position:center center!important;
border-radius:0!important;
background:#f7f7fb!important;
}
@media(max-width:680px){
body.swpocc-search-page .swp-deal-card .swpocc-search-product-media,
body.swpocc-search-page .swipio-deal-card .swpocc-search-product-media,
body.swpocc-search-page [class*="deal-card"] .swpocc-search-product-media,
body.swpocc-search-page [class*="product-card"] .swpocc-search-product-media,
body.swpocc-search-page .swp-deal-card > img.swpocc-search-product-img,
body.swpocc-search-page .swipio-deal-card > img.swpocc-search-product-img,
body.swpocc-search-page [class*="deal-card"] > img.swpocc-search-product-img,
body.swpocc-search-page [class*="product-card"] > img.swpocc-search-product-img{
height:210px!important;
min-height:210px!important;
max-height:210px!important;
}
}
/* ==========================================================
SWIPIO USER FIX — Cadeaubox mobiel exact 2x2 + logo niet sticky
Doel: in elk cadeaubox-slot op mobiel 4 producten tonen als 2 kolommen,
niet als horizontale carousel waarbij 1,5 kaart zichtbaar is.
Verder: Swipio logo/header mag niet sticky/fixed blijven hangen.
========================================================== */
body.swp-body .swp-header,
body.swp-body .swp-header-inner,
body.swp-body .swp-page-nav,
body.swp-body .swp-topbar,
body.swp-body .swp-navbar,
body.swp-body .site-header,
body.swp-body .site-branding,
body.swp-body .custom-logo-link,
body.swp-body .custom-logo,
body.swp-body .swp-logo,
body.swp-body .swp-brand,
body.swp-body .swp-site-logo,
body.swp-body .swpocc-logo,
body.swp-body .swipio-logo,
body.swp-body .site-logo,
body.swp-body .swp-header-logo{
position:static!important;
top:auto!important;
bottom:auto!important;
left:auto!important;
right:auto!important;
transform:none!important;
z-index:auto!important;
}
@media (max-width: 640px){
body.swp-body .swpocc-cadeaubox-page .swpocc-box-slot{
overflow:visible!important;
}
body.swp-body .swpocc-cadeaubox-page .swpocc-cadeaubox-carousel{
overflow:visible!important;
padding-inline:0!important;
}
body.swp-body .swpocc-cadeaubox-page .swpocc-cadeaubox-carousel .swpocc-carousel-track{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:12px!important;
width:100%!important;
max-width:100%!important;
overflow:visible!important;
transform:none!important;
scroll-snap-type:none!important;
padding:0!important;
}
body.swp-body .swpocc-cadeaubox-page .swpocc-cadeaubox-carousel .swpocc-carousel-nav{
display:none!important;
}
body.swp-body .swpocc-cadeaubox-page .swpocc-box-product,
body.swp-body .swpocc-cadeaubox-page .swpocc-cadeaubox-carousel .swpocc-box-product{
width:100%!important;
min-width:0!important;
max-width:none!important;
flex:0 1 auto!important;
flex-basis:auto!important;
margin:0!important;
scroll-snap-align:unset!important;
}
body.swp-body .swpocc-cadeaubox-page .swpocc-box-product:nth-child(n+5){
display:none!important;
}
body.swp-body .swpocc-cadeaubox-page .swpocc-cadeaubox-folder-card,
body.swp-body .swpocc-cadeaubox-page .swpocc-cadeaubox-folder-card .swp-deal-card,
body.swp-body .swpocc-cadeaubox-page .swpocc-cadeaubox-folder-card .swp-product-card,
body.swp-body .swpocc-cadeaubox-page .swpocc-cadeaubox-folder-card [class*="deal-card"]{
width:100%!important;
min-width:0!important;
max-width:100%!important;
}
body.swp-body .swpocc-cadeaubox-page .swpocc-box-add,
body.swp-body .swpocc-cadeaubox-page button.swpocc-box-add,
body.swp-body .swpocc-cadeaubox-page .swpocc-box-select{
width:calc(100% - 16px)!important;
margin:9px 8px 0!important;
padding-inline:8px!important;
font-size:12px!important;
min-height:38px!important;
}
body.swp-body .swpocc-cadeaubox-page .swpocc-box-add:before,
body.swp-body .swpocc-cadeaubox-page button.swpocc-box-add:before,
body.swp-body .swpocc-cadeaubox-page .swpocc-box-select:before{
width:18px!important;
height:18px!important;
min-width:18px!important;
font-size:14px!important;
}
}
/* ==========================================================
USER FIX FINAL — Swipio logo/header/nav absoluut niet sticky
Breed genoeg voor Swipio Folder/theme classes, maar alleen op
deze plugin-shell via body.swp-body.
========================================================== */
body.swp-body header,
body.swp-body .site-header,
body.swp-body .swipio-header,
body.swp-body .swp-header,
body.swp-body .swp-header-inner,
body.swp-body .swp-page-nav,
body.swp-body .swp-topbar,
body.swp-body .swp-navbar,
body.swp-body .site-branding,
body.swp-body .custom-logo-link,
body.swp-body .custom-logo,
body.swp-body .navbar-brand,
body.swp-body .swp-logo,
body.swp-body .swp-brand,
body.swp-body .swp-site-logo,
body.swp-body .swp-header-logo,
body.swp-body .swipio-logo,
body.swp-body .swipio-brand,
body.swp-body .swipio-site-logo,
body.swp-body .swpocc-logo{
position:relative!important;
top:auto!important;
bottom:auto!important;
left:auto!important;
right:auto!important;
inset:auto!important;
transform:none!important;
translate:none!important;
z-index:20!important;
}
/* USER FIX SAFE FINAL — mobiel logo/header niet sticky, zonder scroll te blokkeren. */
@media (max-width:900px){
html, body, body.swp-body{
overflow-y:auto!important;
-webkit-overflow-scrolling:touch!important;
touch-action:auto!important;
}
body.swp-body header,
body.swp-body [role="banner"],
body.swp-body .site-header,
body.swp-body .main-header,
body.swp-body .mobile-header,
body.swp-body .swipio-header,
body.swp-body .swp-header,
body.swp-body .swp-header-inner,
body.swp-body .swp-page-nav,
body.swp-body .swp-topbar,
body.swp-body .swp-navbar,
body.swp-body .site-branding,
body.swp-body .custom-logo-link,
body.swp-body .custom-logo,
body.swp-body .site-logo,
body.swp-body .navbar-brand,
body.swp-body .swp-logo,
body.swp-body .swp-brand,
body.swp-body .swp-site-logo,
body.swp-body .swp-header-logo,
body.swp-body .swipio-logo,
body.swp-body .swipio-brand,
body.swp-body .swipio-site-logo,
body.swp-body .swpocc-logo{
position:relative!important;
top:auto!important;
bottom:auto!important;
left:auto!important;
right:auto!important;
inset:auto!important;
transform:none!important;
translate:none!important;
animation:none!important;
will-change:auto!important;
z-index:20!important;
}
}