/* Flatsome accordions (UX Builder blocks, pages, collections) in the same style as the SONW FAQ on product pages. */
.accordion>p,.accordion>br{display:none}
.accordion{display:flex;width:100%;box-sizing:border-box;flex-direction:column;gap:10px;margin:0 0 24px;padding:14px;border-radius:20px;background:#fff8d9}
.accordion .accordion-item{margin:0;border:0!important;border-radius:14px;background:#fff;box-shadow:0 1px 2px rgba(23,25,20,.06)}
.accordion .accordion-title,.accordion a.accordion-title{display:flex!important;flex-direction:row-reverse;align-items:center;justify-content:space-between;gap:16px;margin:0;padding:18px 20px!important;border:0!important;background:none!important;color:#171914!important;font-size:14px!important;font-weight:600!important;line-height:1.35;text-decoration:none!important;text-align:left}
.accordion .accordion-title span{color:inherit!important;font-weight:inherit;text-decoration:none!important}
.accordion .accordion-title .toggle{position:relative!important;inset:auto!important;flex:none;width:28px;height:28px;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:#ffda40!important;box-shadow:none!important;opacity:1!important;transform:none!important;line-height:0}
.accordion .accordion-title .toggle i{display:none}
.accordion .accordion-title .toggle::before,.accordion .accordion-title .toggle::after{content:"";position:absolute;left:8px;top:13px;width:12px;height:2px;border-radius:1px;background:#171914;transition:transform .2s}
.accordion .accordion-title .toggle::after{transform:rotate(90deg)}
.accordion .accordion-title.active .toggle::after{transform:rotate(0)}
.accordion .accordion-inner{padding:0 20px 18px!important;color:#3a3b36;font-size:13px;line-height:1.6}
.accordion .accordion-inner p,.accordion .accordion-inner li{margin:0 0 8px}
.accordion .accordion-inner>:last-child{margin-bottom:0}
.accordion .accordion-inner a{color:#171914!important;font-weight:600;text-decoration:underline;text-decoration-color:#ffda40;text-decoration-thickness:2px;text-underline-offset:3px}
@media(max-width:849px){.accordion{padding:10px;border-radius:18px}.accordion .accordion-title,.accordion a.accordion-title{padding:16px!important}.accordion .accordion-inner{padding:0 16px 16px!important}}
@media(prefers-reduced-motion:reduce){.accordion .accordion-title .toggle::before,.accordion .accordion-title .toggle::after{transition:none}}

/* Footer: same layered wave as the homepage header, from the page into the black footer */
.sonw-footer{position:relative}
.sonw-footer::before{content:"";position:absolute;left:0;right:0;bottom:calc(100% - 1px);height:clamp(30px,4.5vw,72px);background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 80' preserveAspectRatio='none'><path fill='%23000' fill-opacity='.35' d='M0 30C360 6 720 50 1080 28S1440 20 1440 20V80H0Z'/><path fill='%23000' fill-opacity='.6' d='M0 48C300 28 760 66 1100 42S1440 44 1440 44V80H0Z'/><path fill='%23000' d='M0 62C420 48 900 80 1440 56V80H0Z'/></svg>") bottom/100% 100% no-repeat;pointer-events:none}

/* Checkout urgency banner: "Wees er snel bij!" in the SONW yellow (dark text stays readable on the yellow). */
html body .sonw-checkout-banner strong{display:inline-block;padding:1px 8px;border-radius:6px;background:#ffda40;color:#171914!important;font-weight:700}

/* Checkout upsells in the SONW cart style */
html body .sonw-checkout-main .sonw-checkout-upsells{gap:10px}
html body .sonw-checkout-upsell{grid-template-columns:56px minmax(0,1fr) auto;gap:12px;padding:10px 12px;border:1px solid #eeeee6;border-radius:12px;background:#fff;box-shadow:0 5px 10px #30281107}
html body .sonw-checkout-upsell>img{width:56px;height:56px;padding:5px;border:0;border-radius:8px;background:#fff6d2}
html body .sonw-checkout-upsell-info{color:#171914}
html body .sonw-checkout-upsell-title a{font-weight:700;color:#171914}
html body .sonw-checkout-upsell-discount{display:inline-block;margin-left:4px;padding:2px 7px;border-radius:999px;background:#ffda40;color:#171914;font-size:10px;font-weight:800;vertical-align:1px}
html body .sonw-checkout-upsell-price{align-items:baseline;gap:6px;margin-top:3px}
html body .sonw-checkout-upsell-price>span{font-weight:800}
html body .sonw-checkout-upsell-price del{color:#c7463b;font-size:.85em}
html body .sonw-checkout-main .sonw-checkout-upsell-add{min-height:38px!important;padding:8px 14px!important;border:0!important;border-radius:8px!important;background:#ffda40!important;color:#171914!important;font-weight:800!important;font-size:12px!important;box-shadow:0 2px 0 #e5be1e!important}
html body .sonw-checkout-main .sonw-checkout-upsell-add:hover{background:#ffcf1a!important}
html body .sonw-checkout-main button.sonw-checkout-upsell-add::after{content:" +"}
html body .sonw-checkout-badge{cursor:default!important;text-decoration:none!important}
html body .sonw-checkout-upsell>img{padding:0!important;background:none!important;object-fit:contain!important;border-radius:8px}

/* Order-pay page (pay for a pending order): clean SONW table */
html body.sonw-checkout #order_review .shop_table{width:100%;max-width:640px;margin:0 auto 24px;border:1px solid #e6e4dc;border-radius:12px;border-collapse:separate;overflow:hidden;background:#fff}
html body.sonw-checkout #order_review .shop_table :is(th,td){padding:12px 16px!important;background:#fff!important;border-color:#f0efe9!important;font-size:13px;color:#171914}
html body.sonw-checkout #order_review .shop_table tfoot tr:last-child :is(th,td){font-size:15px;font-weight:800}
html body.sonw-checkout #order_review #payment{max-width:640px;margin:0 auto}
html body.sonw-checkout.sonw-checkout-endpoint{background:#fff!important}
html body.sonw-checkout.sonw-checkout-endpoint .sonw-checkout-main{max-width:1100px}
html body.sonw-checkout #order_review{max-width:640px;margin:0 auto;padding:0 16px}
.sonw-pay-head{max-width:640px;margin:28px auto 18px;padding:0 16px;text-align:center}
.sonw-pay-head h1{margin:0 0 6px;font-size:22px;font-weight:800;color:#171914}
.sonw-pay-head p{margin:0;font-size:13px;color:#3a3b36}
.sonw-pay-item{display:flex;align-items:center;gap:12px}
.sonw-pay-item img.sonw-pay-thumb{flex:none;width:52px;height:52px;object-fit:contain;border:1px solid #e6e4dc;border-radius:9px;background:#fff;margin:0}
html body.sonw-checkout #order_review .shop_table .product-quantity{white-space:nowrap;text-align:center}
html body.sonw-checkout #order_review .shop_table :is(.product-total,tfoot td){text-align:right}
html body.sonw-checkout #order_review .shop_table tfoot th{text-align:left}
@media(max-width:549px){html body.sonw-checkout #order_review{padding:0 12px}.sonw-pay-item img.sonw-pay-thumb{width:44px;height:44px}html body.sonw-checkout #order_review .shop_table :is(th,td){padding:10px!important;font-size:12.5px}}

/* One page gutter everywhere: 15px from the screen edge, same as the header logo and menu. */
html body .sonw-ip-wrap{padding-left:15px!important;padding-right:15px!important}
@media(max-width:849px){
 html body :is(.sonw-faq-page,.sonw-faq-wrap,.sonw-ws,.sonw-ws-wrap,.sonw-levering-wrap)>:is(.container,.wrap){padding-left:15px!important;padding-right:15px!important}
}
html body :is(.sonw-faq-wrap,.sonw-faq-hero-grid){padding-left:15px!important;padding-right:15px!important}