@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//seamossgel.se/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.4.1") format("woff2");
}

:root {
	--wd-text-font: "Inter", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(11,35,43);
	--wd-text-font-size: 16px;
	--wd-title-font: "Inter", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #0b232b;
	--wd-entities-title-font: "Inter", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 600;
	--wd-entities-title-color: 0b232b;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Inter", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Inter", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: 0b232b;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Inter", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(163,126,70);
	--wd-alternative-color: rgb(212,182,102);
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(67,176,42);
	--btn-accented-bgcolor-hover: rgb(64,160,47);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-image: url(https://seamossgel.se/wp-content/uploads/2025/11/exklusivkollektion.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.page :is(.wd-page-content, .whb-header) {
	background-color: rgb(254,251,249);
	background-image: none;
	background-size: cover;
}
.woodmart-archive-shop:not(.single-product) :is(.wd-page-content, .whb-header) {
	background-color: rgb(254,251,249);
	background-image: none;
}
.single-product :is(.wd-page-content, .whb-header) {
	background-color: rgb(254,251,249);
	background-image: none;
}
.woodmart-archive-blog :is(.wd-page-content, .whb-header) {
	background-color: rgb(254,251,249);
	background-image: none;
}
.single-post :is(.wd-page-content, .whb-header) {
	background-color: rgb(254,251,249);
	background-image: none;
}
.product-labels .product-label.featured {
	background-color: rgb(232,224,30);
	color: rgb(0,0,0);
}
.product-labels .product-label.out-of-stock {
	background-color: rgb(186,163,115);
	color: rgb(255,255,255);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 0px;
}

@media (min-width: 1222px) {
[data-vc-full-width]:not([data-vc-stretch-content]),
:is(.vc_section, .vc_row).wd-section-stretch {
padding-left: calc((100vw - 1222px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
padding-right: calc((100vw - 1222px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
}
}


.wd-page-title {
background-color: rgb(254,251,249);
}

.slogan {font-family: "Montserrat", Arial, Helvetica, sans-serif;font-size:28px;color: #005FC7;text-align: center}
.wd-post-date.wd-style-with-bg, .wd-entry-meta .meta-author, .wd-entry-meta .meta-reply .replies-count, .hovered-social-icons, .wd-entry-meta .meta-reply a {visibility: hidden !important}
li.meta-reply {visibility: hidden !important}
input[type="email"] {color: #002d6b !important}
.page .main-page-wrapper {margin-bottom: -80px }
.has-black-background-color {background-color: #fff !important}
.labels-rounded .product-label {border-radius: 5px !important;font-size: 11px !important;}
@media only screen and (max-width: 900px) {
  .labels-rounded .product-label {font-size: 8px !important;}
}
.testimon-style-boxed .testimonial-inner {padding-bottom:5px !important}
/*.payment_box.payment_method_redlight_swish{visibility: hidden !important; opacity: 0}*/
/*span.optional {visibility: hidden !important;opacity: 0} */
.wd-list-footer {line-height:28px !important}
.wd-list-footer a{color: #0b232b !important}
.footer-shipping {margin-top: -22px !important;line-height: 20px !important;color: #0b232b !important;font-size: 14px !important}
.footer-shipping a{color: #0b232b !important;}
.footer-menu {color: #0b232b !important; margin-top: -16px !important;line-height: 28px !important;font-size: 14px !important}
.footer-menu a{color: #0b232b !important}
.anchor-hide {visibility: hidden }
.product-tabs-wrapper {border-bottom: 0px solid }
.wd-prefooter{padding-bottom: 0px;margin-bottom:-50px}

@media only screen and (min-width: 1024px) {
    /* your css of 1024 px screen size */
	.post-single-page .entry-header img{width: 60%}
}
.meta-author {visibility: hidden !important}
.woocommerce-checkout .wc-postnord-widget .shipping-options .shipping-option .optionals::after {
	border: 1px solid black;
	padding: 5px;
	margin-top: 5px;
	display: block;
}
 
/**
.woocommerce-checkout .wc-postnord-widget .shipping-options .shipping-option:nth-child(2) .optionals::after {
	content: 'Du kommer att få ett e-postmeddelande när din beställning är redo att hämtas.';
}
*/
/** .woocommerce-checkout .wc-postnord-widget .shipping-options .shipping-option:nth-child(3) .optionals::after {
	content: 'Du måste du ha en brevlåda av större modell. Vi ansvarar inte för förseningar om paketet går vidare till ombud pga att försendelsen inte får plats.';
} */
/**.woocommerce-checkout .wc-postnord-widget .shipping-options .shipping-option:nth-child(3) .optionals::after {
	content: ' OBS! Upphämtning sker endast i vår butik! Vi meddelar dig ia e-post när din order är redo för upphämtning.
';
}  */
    .woocommerce-checkout .wc-postnord-widget .shipping-options .shipping-option:nth-child(3) .optionals::after {
	content: ' OBS! Upphämtning sker endast i vår butik! Vi meddelar dig ia e-post när din order är redo för upphämtning.
';
} 

.header-banner {background: #FCE021}
.tabs li.additional_information_tab{
    display: none !important
}
.title_index a:hover{color: #40A02F !important}
.goldfont{font-size:18px !important}
.fontsize16{font-size:16px !important}
.wd-tools-element .wd-tools-icon, .wd-header-cart .wd-cart-subtotal .amount{color: #0b232b !important}
.wd-header-cart.wd-design-2 .wd-cart-number, .wd-header-cart.wd-design-5 .wd-cart-number {background: #0b232b !important; color: #fff !important}
h1.entry-title.title {color: #0b232b !important}
h3.entry-title.title {color:  #0b232b !important}
:is(.wd-breadcrumbs, .yoast-breadcrumb) {
  --wd-link-color: #003479 !important;
  --wd-link-color-hover: var(--color-gray-700);
  --wd-bcrumb-color-active:  #0b232b !important;}
.wd-breadcrumbs .wd-delimiter {color: #0b232b !important}
.wd-post-cat.wd-style-with-bg {background: #d4b666 !important}
.wd-post-cat.wd-style-with-bg > a {color: #0b232b !important}
.wd-post-cat.wd-style-with-bg > a:hover {color: #fff !important}
.read-more-section a{
  display: inline-block;
  overflow: hidden;
  padding-right: 10px;
  padding-left: 10px;
  height: 25px;
  border-radius: calc(var(--wd-brd-radius) / 1.5);
  background-color: var(--wd-primary-color);
  color: #003479;
  line-height: 25px;
}
.read-more-section a{background: #D4B666 !important}
.read-more-section a:hover{color: #fff;}
.wd-post-cat.wd-style-with-bg {color: #003479 !important}
.wcsatt-sub-discount, .wcsatt-sub-options, .price .amount {color: #003479 !important}
.wd-post-meta {visibility: hidden !important}


 

nav[class*="-pagination"] li .current {background-color: #D4B666;}
.has-black-background-color {background-color: #FEFBF9 !important;}
#background-video {
   width: 100vw;
   height: 100vh;
   object-fit: cover;
   position: fixed;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   z-index: -1;
}
form.cart .single_add_to_cart_button {flex: 100;}
span.wd-icon.list-icon.fa fa-brands.fa-tiktok{margin: -5px !important}
.fa-tiktok {margin-left: 15px !important}
.wd-term-desc,
.term-description,
.page-description {
   display: none !important;  
   margin: 0 !important;
   padding: 0 !important;
   background: none !important;
}
.imageslogan{max-width: 70% !important;margin: auto !important}
.bloglist a {font-weight: bold !important; color: #0b232b !important}
.bloglist :hover {font-weight: bold !important; color: var(--wd-primary-color)!important}
.linkA a{font-weight: bold !important;color: #a37e46 !important;text-decoration: underline !important}
/* Ikon med linje på vardera sida i sidfoten */
.borderfootericon {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 28px;
    width: 100%;
}

.borderfootericon::before,
.borderfootericon::after {
    content: "" !important;
    display: block !important;
    height: 1px;
    background: #c99a4a;
    flex: 1 1 auto;
    max-width: 720px;
}

.borderfootericon img {
    display: block;
    width: 50px;
    height: auto;
}

@media (max-width: 768px) {
    .borderfootericon {
        gap: 14px;
    }


    .borderfootericon img {
        width: 38px;
    }
}
/* slut linje sidfot */

.socialsharefooter.wd-social-icons a,
.socialsharefooter.wd-social-icons .wd-social-icon,
.socialsharefooter.wd-social-icons .wd-icon {
    color: #a37e46 !important;
}

.socialsharefooter.wd-social-icons svg,
.socialsharefooter.wd-social-icons svg path {
    fill: #a37e46 !important;
}
.socialsharefooter.wd-social-icons a:hover,
.socialsharefooter.wd-social-icons a:hover .wd-icon {
    color: #c99a4a !important;
}

.socialsharefooter.wd-social-icons a:hover svg,
.socialsharefooter.wd-social-icons a:hover svg path {
    fill: #c99a4a !important;
}
/* special länk i guld i sidfot på bara vissa element */
.link-color-1 a {
    color: #a37e46 !important;font-size:14px !important
}

.link-color-1 a:hover {
    color: #c99a4a !important;font-size:14px !important
}
/* end */
.manual-menu-footer {line-height: 30px !important}
.footer-address {font-size:14px !important; color: #0b232b !important}
.footer-address a{font-size:14px !important; color: #0b232b !important}
.footer-address a:hover{color: #143540 !important}
.mc4wp-form input[type="submit"]:hover {
  color: #fff !important;
  box-shadow: var(--btn-accented-box-shadow-hover);
  background-color: #c99a4a !important;border-radius: 5px !important
}
.mc4wp-form input[type="submit"] {
  border-radius: var(--btn-accented-brd-radius);
  color: #fff !important;
background-color: #a37e46 !important; 
border-radius: 5px !important
}
.single-product .price small.wcsatt-sub-options {
    font-size: 15px !important;
    line-height: 1.25 !important;
}

.page-id-21075 .wd-rs-69ef4777e8729 .widget_recent_entries h2.widgettitle {
    display: none !important;
}
#wd-69f4ece9a6c95 a{background: transparent !important}
#wd-69f4ece9a6c95 a:hover{background: transparent !important}

/* =========================================================
   CUSTOM SPLIT CHECKOUT - MASTER CSS 6.0 (Rensad & Uppdaterad)
========================================================= */

/* --- 1. GRUNDLAYOUT --- */
.custom-split-checkout-wrapper.new-design { display: flex; flex-wrap: wrap; gap: 30px; margin-top: 40px; align-items: flex-start !important; }
.new-design .split-box { flex: 1; min-width: 320px; background: #fff; border-radius: 10px; position: relative; display: flex; flex-direction: column; box-shadow: 0 5px 25px rgba(0,0,0,0.03); }
.new-design .onetime-box { padding: 50px 30px; border: 1px solid #f0e6d8 !important; } 
.new-design .subscription-box { padding: 50px 30px 240px 30px !important; border: 1px solid #b28a5d !important; }

/* --- 2. BADGES & TEXTER --- */
.new-design .box-badge { position: absolute; top: -15px; left: 50%; transform: translateX(-50%); padding: 8px 25px; border-radius: 30px; font-weight: bold; font-size: 13px; letter-spacing: 1px; text-transform: uppercase; white-space: nowrap; z-index: 10; }
.new-design .light-badge { background: #fdfaf6; color: #b28a5d; border: 1px solid #f0e6d8; }
.new-design .dark-badge { background: #11233b; color: #fff; }
.new-design .text-center { text-align: center; }
.new-design .serif-title { font-family: inherit !important; font-weight: bold !important; color: #11233b; font-size: 32px; margin-bottom: 5px; text-transform: none; }
.new-design .subtitle { font-size: 14px; color: #555; margin-bottom: 30px; }

.new-design .static-image-wrapper img { max-height: 250px !important; width: auto !important; margin: 0 auto 30px auto !important; display: block !important; }
.new-design .sub-image-col img { max-width: 100%; height: auto; }
.new-design .new-perks { color: #555; font-size: 13px; margin-bottom: 30px; padding-bottom: 0 !important; border: none !important; text-align: center;}
.new-design .new-perks .divider { margin: 0 15px; color: #ccc; }

/* --- 3. DÖLJ SKRÄP --- */
.new-design .variations th, 
.new-design .variations .label, 
.new-design .variations label { display: none !important; }

/* FIX: Dölj produktnamnet ("Sea Moss alla smaker") i högra rutan */
.new-design .subscription-box .product_title,
.new-design .subscription-box h1.product_title { display: none !important; }

/* FIX: Dölj priserna MEN RÄDDA INTERVALLET */
.new-design .subscription-box p.price,
.new-design .subscription-box div.price,
.new-design .subscription-box span.price:not(.price-amount),
.new-design .subscription-box .summary > .price,
.new-design .subscription-box .woocommerce-variation-price .amount,
.new-design .subscription-box .woocommerce-variation-price .price { display: none !important; }

.new-design .wd-swatches-product,
.new-design div[class*="swatches"],
.new-design .reset_variations { display: none !important; }

/* --- 4. RULLGARDINER --- */
.new-design .sub-grid-layout { display: flex; flex-wrap: nowrap; gap: 20px; align-items: flex-start; margin-bottom: 10px; }
.new-design .sub-image-col { flex: 0 0 40%; }
.new-design .sub-form-col { flex: 1; }

/* FIX: Tvinga rullgardinerna att vara lika breda i BÅDA rutorna */
.new-design .variations { width: 100% !important; }
.new-design .variations tr { display: flex !important; flex-direction: column !important; width: 100% !important; margin-bottom: 12px !important; padding: 0 !important; align-items: center !important; }
.new-design .variations td.value { display: flex !important; justify-content: center !important; width: 100% !important; padding: 0 !important; margin: 0 !important; }

.new-design select {
    width: 100% !important; max-width: 250px !important; height: 45px !important; border-radius: 5px !important; 
    border: 1px solid #e0e0e0 !important; padding: 0 40px 0 15px !important; background: #fff !important;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23333%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E") !important;
    background-repeat: no-repeat !important; background-position: right 15px center !important; background-size: 12px auto !important;
    -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important;
    margin: 0 auto !important; display: block !important;
}

.new-design .subscription-box .variations,
.new-design .subscription-box .variations tbody { display: flex !important; flex-direction: column !important; width: 100% !important; border: none !important; padding: 0 !important; margin: 0 0 15px 0 !important; }

.new-design .subscription-box .woocommerce-variation { display: block !important; height: auto !important; visibility: visible !important; opacity: 1 !important; margin-top: 0 !important; }

/* --- 5. KNAPPAR OCH ANTAL --- */
.new-design input[type="number"]::-webkit-outer-spin-button, .new-design input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none !important; margin: 0 !important; }
.new-design input[type="number"] { -moz-appearance: textfield !important; }
.new-design .quantity { width: 100% !important; max-width: 250px !important; margin: 0 auto 15px auto !important; display: flex !important; justify-content: center !important; }
.new-design .single_add_to_cart_button { padding: 15px !important; border-radius: 5px !important; text-transform: uppercase; font-weight: bold !important; letter-spacing: 1px !important; }

.new-design form.cart,
.new-design .woocommerce-variation-add-to-cart { display: flex !important; flex-direction: column !important; align-items: center !important; width: 100% !important; }

/* --- 6. VÄNSTER RUTA (Engångsköp) --- */
.new-design .onetime-box .single_add_to_cart_button { width: 100% !important; max-width: 250px !important; background: transparent !important; color: #d7b48d !important; border: 1px solid #d7b48d !important; display: block !important; margin: 0 auto !important; }
.new-design .onetime-box .price { font-size: 36px !important; font-weight: bold !important; color: #11233b !important; margin-bottom: 20px !important; text-align: center; width: 100%; display: block; }
.new-design .onetime-box .price .amount bdi { font-size: 36px !important; }

/* --- 7. HÖGER RUTA (BOTTENSEKTION) --- */
.new-design .sub-price-row {
    position: absolute !important; bottom: 140px !important; left: 30px !important; right: 30px !important;
    display: flex; justify-content: space-between; align-items: center; border: none !important; margin: 0 !important; padding-top: 20px;
}
.new-design .subscription-box .single_add_to_cart_button {
    position: absolute !important; bottom: 70px !important; left: 50% !important; transform: translateX(-50%) !important;
    width: calc(100% - 60px) !important; max-width: none !important; background: #2a8634 !important; color: #fff !important; border: none !important; font-size: 16px !important;
}
.new-design .trust-badge-bottom {
    position: absolute !important; bottom: 25px !important; left: 0 !important; right: 0 !important; text-align: center; font-size: 12px; color: #666; margin: 0 !important;
}
.new-design .sub-price-display { display: flex; align-items: baseline; gap: 5px; }
.new-design .sub-price-display .price-amount { font-size: 36px; font-weight: bold; color: #11233b; }
.new-design .sub-price-display .price-suffix { font-size: 14px; color: #666; }

/* --- SISTA MILLIMETERN: Nyp ihop rullgardinerna --- */
.new-design .subscription-box .variations { margin-bottom: 0 !important; padding-bottom: 0 !important; }
.new-design .subscription-box select { margin-bottom: 5px !important; }
.new-design .subscription-box .wcsatt-options-wrapper, 
.new-design .subscription-box .single_variation_wrap { margin-top: -10px !important; }

/* --- 8. CENTRERA FORMULÄRET VERTIKALT --- */
.new-design .sub-grid-layout { align-items: center !important; }

/* --- 9. RUNDADE HÖRN PÅ ANTALSVÄLJAREN --- */
.new-design .quantity { border-radius: 5px !important; overflow: hidden !important; }
.new-design .quantity .minus,
.new-design .quantity input[type="button"].minus { border-radius: 5px 0 0 5px !important; }
.new-design .quantity .plus,
.new-design .quantity input[type="button"].plus { border-radius: 0 5px 5px 0 !important; }
.new-design .quantity input[type="number"] { border-radius: 0 !important; }

/* --- 10. FÄRGJUSTERINGAR --- */
.new-design .quantity .minus,
.new-design .quantity input[type="button"].minus,
.new-design .quantity .plus,
.new-design .quantity input[type="button"].plus { background-color: #fdfbf9 !important; }
.new-design .subscription-box .single_add_to_cart_button { background-color: #71aa40 !important; }

/* --- 11. BREDDFÖRDELNING 40/60 (Desktop) --- */
@media (min-width: 900px) {
    .new-design .onetime-box { flex: 4 !important; }
    .new-design .subscription-box { flex: 6 !important; }
}

/* --- 12. PERFEKT RAM RUNT ANTAL --- */
.new-design .quantity { border: 1px solid #e0e0e0 !important; }
.new-design .quantity input[type="button"],
.new-design .quantity .minus,
.new-design .quantity .plus { border: none !important; }
.new-design .quantity input[type="number"] {
    border-top: none !important; border-bottom: none !important;
    border-left: 1px solid #e0e0e0 !important; border-right: 1px solid #e0e0e0 !important;
}


/* =========================================================
   13. NY SPARA-RUTA ("PANSARVAGNEN") - FIXAR HOPPET
========================================================= */

/* Huvudrutan (Lås fast flexbox och dimensioner) */
.custom-split-checkout-wrapper .sub-save-box {
    display: flex !important;
    align-items: center !important; 
    justify-content: space-between !important; 
    background: #f0fdf4 !important;
    border: 1px solid #bbf7d0 !important;
    border-radius: 8px !important;
    padding: 10px 15px !important; 
    min-height: 60px !important; 
    box-sizing: border-box !important;
    width: 60% !important;
    flex: 0 0 60% !important;
}

/* Ikonen till vänster */
.custom-split-checkout-wrapper .sub-save-box .save-icon {
    color: #16a34a !important;
    font-size: 34px !important; 
    transform: rotate(-45deg) !important;
    flex-shrink: 0 !important;
}

/* Text-blocket till vänster ("Spara X kr") */
.custom-split-checkout-wrapper .save-text {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important; 
    text-align: left !important;
    color: #166534 !important;
    line-height: 1.2 !important;
    margin: 0 auto 0 15px !important; 
}
.custom-split-checkout-wrapper .save-text strong {
    font-size: 25px !important; 
    line-height: 1.1 !important; 
    margin-bottom: 2px !important;
}
.custom-split-checkout-wrapper .save-text small {
    font-size: 15px !important; 
}

/* Procent-blocket till höger */
.custom-split-checkout-wrapper .save-percent {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-end !important; 
    text-align: right !important;
    color: #166534 !important;
    line-height: 1.2 !important;
    margin: 0 !important;
    padding-left: 20px !important; 
    border-left: 1px solid #bbf7d0 !important;
    flex-shrink: 0 !important;
}
.custom-split-checkout-wrapper .save-percent strong {
    font-size: 28px !important; 
    line-height: 1.1 !important; 
    margin-top: 2px !important;
}

/* Mobilanpassning för Spara-rutan */
@media (max-width: 768px) {
    .custom-split-checkout-wrapper div:has(> .sub-save-box) {
        flex-wrap: wrap !important;
    }
    .custom-split-checkout-wrapper .sub-save-box {
        width: 100% !important;
        flex: 0 0 100% !important;
        max-width: 320px !important; 
        margin-top: 20px !important; 
        padding: 10px 15px !important;
    }
    .custom-split-checkout-wrapper .save-text strong {
        font-size: 20px !important; 
    }
    .custom-split-checkout-wrapper .save-text small {
        font-size: 11px !important;
    }
    .custom-split-checkout-wrapper .save-percent strong {
        font-size: 22px !important; 
    }
    .custom-split-checkout-wrapper .sub-save-box .save-icon {
        font-size: 28px !important; /* Gör ikonen aningen mindre så procenten får plats */
    }
}
/* ========================================================= */


/* --- 14. NY PIL OCH GRÖN TJOCKARE KALENDER-IKON --- */
.new-design select {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2311233b%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E") !important;
    background-size: 16px auto !important;
}

.new-design .subscription-box select:not(.variations select),
.new-design .wcsatt-options-wrapper select {
    background-image: 
        url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2311233b%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E"), 
        url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2371aa40%22%20stroke-width%3D%222.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%224%22%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%222%22%20ry%3D%222%22%3E%3C%2Frect%3E%3Cline%20x1%3D%2216%22%20y1%3D%222%22%20x2%3D%2216%22%20y2%3D%226%22%3E%3C%2Fline%3E%3Cline%20x1%3D%228%22%20y1%3D%222%22%20x2%3D%228%22%20y2%3D%226%22%3E%3C%2Fline%3E%3Cline%20x1%3D%223%22%20y1%3D%2210%22%20x2%3D%2221%22%20y2%3D%2210%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") !important;
    background-position: right 15px center, left 15px center !important;
    background-size: 16px auto, 18px auto !important;
    padding-left: 45px !important; 
}

/* --- 15. MOBILANPASSNING (Under 768px) --- */
@media (max-width: 767px) {
    /* TEXTBRYTNING OCH CENTRERING FÖR USP-BANNERN */
    .new-design .perks-banner .divider { display: none !important; }
    .new-design .perks-banner { flex-direction: column !important; align-items: center !important; gap: 8px !important; width: 100% !important; }
    .new-design .perks-banner span:not(.divider) { display: flex !important; align-items: flex-start !important; text-align: left !important; justify-content: center !important; width: 100% !important; }
    .new-design .perks-banner span:not(.divider) i,
    .new-design .perks-banner span:not(.divider) svg,
    .new-design .perks-banner span:not(.divider) img { flex-shrink: 0 !important; margin-top: 2px !important; margin-right: 8px !important; }
}

/* --- 16. KUNDENS JUSTERINGAR (Bakgrund) --- */
.new-design .onetime-box,
.new-design .subscription-box { background-color: #FEFBF9 !important; }

/* --- 17. KLICKBARA BILDER & UTRÄKNINGSBOX --- */
.new-design .onetime-box img,
.new-design .subscription-box .sub-image-col img { cursor: pointer !important; transition: transform 0.2s ease; }
.new-design .onetime-box img:hover,
.new-design .subscription-box .sub-image-col img:hover { transform: scale(1.03); }
.new-design .onetime-calc-box { flex-basis: 100% !important; width: 100% !important; }

/* --- 18. LAYOUT FÖR ENGÅNGSKÖP --- */
.new-design .onetime-box .woocommerce-variation-price { display: none !important; }
.new-design .onetime-box .variations { margin-bottom: 0 !important; }
.new-design .onetime-box .quantity { margin-top: 6px !important; margin-bottom: 10px !important; }

/* --- DESIGN FÖR NYHETSBREVETS E-POSTFÄLT --- */
.mc4wp-form input[type="email"] { border: 1px solid #9a7f4e !important; color: #0b232b !important; border-radius: 5px !important; }
.mc4wp-form input[type="email"]::placeholder { color: #0b232b !important; opacity: 0.8 !important; }

/* --- MOBILANPASSNING FÖR PRENUMERATIONSPRIS --- */
@media (max-width: 768px) {
    .new-design .subscription-box .my-price-row { margin-top: 40px !important; flex-direction: column !important; align-items: center !important; gap: 0px !important; }
    .new-design .subscription-box .my-custom-bottom-price { align-items: center !important; text-align: center !important; width: 100% !important; }
    .new-design .subscription-box .my-custom-bottom-price > div { justify-content: center !important; }
}

/* --- TVINGA HELA SIDFOTEN CENTRERAD PÅ MOBIL --- */
@media (max-width: 768px) {
    footer, footer .wpb_wrapper, footer .vc_column-inner, footer .wpb_text_column { text-align: center !important; }
    footer ul, footer .wd-list { justify-content: center !important; text-align: center !important; }
    footer li { align-items: center !important; justify-content: center !important; }
    footer .vc_column_container { margin-left: auto !important; margin-right: auto !important; }
}

/* --- TVINGA SEPARATORER I SIDFOTEN CENTRERADE PÅ MOBIL --- */
@media (max-width: 768px) {
    footer .vc_separator { margin-left: auto !important; margin-right: auto !important; justify-content: center !important; }
    footer .vc_separator .vc_sep_holder { margin: 0 auto !important; }
}

/* --- CUSTOM FAQ STYLING --- */
.custom-faq-wrapper { width: 100%; display: flex; flex-direction: column; gap: 12px; }
.custom-faq-item { background-color: #ffffff; border-radius: 12px; border: 1px solid #f0e9e4; box-shadow: 0 4px 15px rgba(0,0,0, 0.03); overflow: hidden; transition: all 0.3s ease; }
.custom-faq-header { display: flex; justify-content: space-between; align-items: center; cursor: pointer; user-select: none; }
.custom-faq-title-wrap { display: flex; align-items: center; gap: 15px; }
.custom-faq-icon { width: 32px; height: 32px; object-fit: contain; flex-shrink: 0; }
.custom-faq-title { margin: 0 !important; font-size: 16px; color: #0b232b; font-weight: 600; }
.custom-faq-toggle svg { transition: transform 0.3s ease; }
.custom-faq-item.is-open .custom-faq-toggle svg { transform: rotate(180deg); }
.custom-faq-inner { padding: 0 20px 20px 67px; color: #4a5559; font-size: 15px; line-height: 1.6; }
@media (max-width: 768px) { .custom-faq-inner { padding: 0 20px 20px 20px; } }

/* --- MINSKA AVSTÅND MELLAN FRÅGA OCH SVAR I CUSTOM FAQ --- */
.custom-faq-inner p:first-child { margin-top: 0px !important; }

/* --- SÄKERSTÄLL SAMMA AVSTÅND I ALLA WEBBLÄSARE --- */
.custom-faq-wrapper { display: block !important; }
.custom-faq-wrapper > br, .custom-faq-wrapper > p { display: none !important; }
.custom-faq-item { margin-bottom: 6px !important; }
.custom-faq-item:last-child { margin-bottom: 0 !important; }

/* --- JUSTERA AVSTÅND NÄR IKON SAKNAS --- */
.custom-faq-item.no-icon .custom-faq-inner { padding-left: 20px !important; }
.custom-faq-header { padding: 16px 20px !important; }

/* --- SKRÄDDARSYDD BREDD FÖR 3-KOLUMNS BILDGRID --- */
@media (min-width: 769px) { 
    .custom-image-grid > .vc_column_container:nth-child(1),
    .custom-image-grid > .vc_column_container:nth-child(2) { width: 30% !important; }
    .custom-image-grid > .vc_column_container:nth-child(3) { width: 40% !important; }
}

/* --- FIX FÖR LIKA HÖJD OCH TEXT-PLACERING I PROMO BANNERS --- */
.custom-image-grid .promo-banner { min-height: 450px !important; height: 100% !important; display: flex !important; }
.custom-image-grid .wrapper-content-banner { height: 100% !important; }
.custom-image-grid .vc_column-inner, .custom-image-grid .wpb_wrapper { height: 100% !important; display: flex !important; flex-direction: column !important; flex-grow: 1 !important; }

/* --- TUNN RAM RUNT TEXT (INSPIRERAD AV SIDFOTEN) --- */
.custom-ritual-border { border: 1px solid #a37e46 !important; padding: 15px 40px !important; border-radius: 5px !important; display: block !important; width: fit-content !important; margin: 0 auto !important; }

/* --- SNYGG PILLER-BADGE I TEXT --- */
.custom-badge-cert { background-color: #DCE4F5; color: #3F5C9A; font-size: 0.75em; font-weight: 600; text-transform: uppercase; padding: 3px 10px; border-radius: 50px; display: inline-block; vertical-align: middle; margin-left: 8px; letter-spacing: 0.5px; line-height: 1.2; }

/* --- Centrera vy om man bara visar ett av alternativen --- */
.custom-split-checkout-wrapper.single-view { display: flex !important; justify-content: center !important; }
.custom-split-checkout-wrapper.single-view .split-box { max-width: 600px; width: 100%; }

/* --- ny design från sluet juni 2026 ---- */ 
/* =========================
   SEAMOSS V3 – REN VERSION
   ========================= */

.rf-sm3-hero-row,
.rf-sm3-highlights,
.rf-sm3-use,
.rf-sm3-storage,
.rf-sm3-testimonials,
.rf-sm3-infofaq {
  --rf-green: #0b4f57;
  --rf-green-dark: #0b4f57;
  --rf-gold: #bf9337;
  --rf-cream: #f8f5ee;
  --rf-highlight-bg: #f4f1e9;
  --rf-storage-bg: #f0f2f0;
  --rf-info-bg: #FEFBF9;
  --rf-border: rgba(11, 79, 87, .12);
  --rf-text: #1f464d;
  color: var(--rf-text);
}

.rf-sm3-hero-row *,
.rf-sm3-highlights *,
.rf-sm3-use *,
.rf-sm3-storage *,
.rf-sm3-testimonials *,
.rf-sm3-infofaq * {
  box-sizing: border-box;
}

.rf-sm3-title,
.rf-sm3-use h2,
.rf-sm3-storage h2,
.rf-sm3-testimonials h2,
.rf-sm3-infofaq h2 {
  font-family: inherit !important;
  font-weight: 600;
  color: var(--rf-green-dark);
}


/* =========================
   HERO – WPBAKERY FULLBREDD 50/50
   ========================= */

.rf-sm3-hero-row.vc_row {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  padding: 0 !important;
  background: var(--rf-cream) !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
}

.rf-sm3-hero-row.vc_row:before,
.rf-sm3-hero-row.vc_row:after {
  display: none !important;
}

.rf-sm3-hero-row > .wpb_column,
.rf-sm3-hero-row > .vc_column_container {
  float: none !important;
  width: 50vw !important;
  max-width: 50vw !important;
  flex: 0 0 50vw !important;
  padding: 0 !important;
  margin: 0 !important;
}

.rf-sm3-hero-image-col,
.rf-sm3-hero-content-col {
  min-height: 760px !important;
}

.rf-sm3-hero-image-col > .vc_column-inner,
.rf-sm3-hero-content-col > .vc_column-inner {
  min-height: 760px !important;
  height: 100% !important;
  padding: 0 !important;
}

.rf-sm3-hero-image-col .wpb_wrapper,
.rf-sm3-hero-image-col .wpb_single_image,
.rf-sm3-hero-image-col figure,
.rf-sm3-hero-image-col .vc_single_image-wrapper,
.rf-sm3-hero-image-col img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
}

.rf-sm3-hero-image-col img {
  min-height: 760px !important;
  object-fit: cover !important;
  object-position: center center !important;
}

.rf-sm3-hero-content-col > .vc_column-inner {
  background: var(--rf-cream) !important;
  display: flex !important;
  align-items: center !important;
}

.rf-sm3-hero-content-col > .vc_column-inner > .wpb_wrapper {
  width: 100% !important;
  max-width: 690px !important;
  padding: 72px 76px !important;
  margin: 0 !important;
}

.rf-sm3-breadcrumb {
  font-size: 13px;
  color: #7c8c8e;
  margin-bottom: 24px;
}

.rf-sm3-title {
  max-width: 620px !important;
  font-size: clamp(44px, 4.3vw, 66px) !important;
  line-height: 1.05 !important;
  margin: 0 0 24px;
}

.rf-sm3-kicker {
  color: var(--rf-gold);
  text-transform: uppercase;
  letter-spacing: .12em;
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 20px;
}

.rf-sm3-hero-copy p {
  max-width: 560px !important;
  font-size: 18px;
  line-height: 1.65;
  margin: 0 0 18px;
}

.rf-sm3-price {
  margin-top: 28px !important;
  margin-bottom: 18px !important;
}

.rf-sm3-price strong {
  display: block;
  font-size: 46px;
  line-height: 1;
  color: var(--rf-green-dark);
  font-weight: 700;
}

.rf-sm3-price span {
  display: block;
  margin-top: 7px;
  font-size: 15px;
  color: #6c7f80;
}


/* =========================
   HERO – KÖPBOX
   ========================= */

.rf-sm3-buy-box {
  width: 100% !important;
  max-width: 560px !important;
  margin-top: 12px !important;
  margin-bottom: 16px !important;
}

.rf-sm3-buy-box p {
  margin: 0 !important;
}

.rf-sm3-buy-box form.cart {
  display: flex !important;
  gap: 14px !important;
  align-items: stretch !important;
  flex-wrap: nowrap !important;
  margin-bottom: 0 !important;
}

.rf-sm3-buy-box .quantity {
  flex: 0 0 132px !important;
  margin: 0 !important;
}

.rf-sm3-buy-box .quantity input,
.rf-sm3-buy-box input.qty {
  width: 100% !important;
  height: 56px !important;
  min-height: 56px !important;
  border: 1px solid rgba(11, 79, 87, .16) !important;
  border-radius: 8px !important;
  background: #fff !important;
  text-align: center !important;
  color: var(--rf-green-dark) !important;
}

.rf-sm3-buy-box .single_add_to_cart_button,
.rf-sm3-buy-box button[type="submit"],
.rf-sm3-buy-box .button {
  flex: 1 1 auto !important;
  height: 56px !important;
  min-height: 56px !important;
  background: var(--rf-green-dark) !important;
  color: #fff !important;
  border-radius: 8px !important;
  border: 0 !important;
  font-weight: 700 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  padding-left: 28px !important;
  padding-right: 28px !important;
}

.rf-sm3-buy-box .single_add_to_cart_button:hover,
.rf-sm3-buy-box button[type="submit"]:hover,
.rf-sm3-buy-box .button:hover {
  background: #073f45 !important;
  color: #fff !important;
}


/* =========================
   HERO – PRENUMERATIONSKORT
   ========================= */

.rf-sm3-sub-link {
  width: 100% !important;
  max-width: 560px !important;
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) 22px !important;
  gap: 14px !important;
  align-items: center !important;
  text-decoration: none !important;
  background: rgba(255, 255, 255, .72) !important;
  border: 1px solid rgba(191, 147, 55, .42) !important;
  border-radius: 10px !important;
  padding: 18px !important;
  color: var(--rf-green-dark) !important;
  margin-top: 16px !important;
}

.rf-sm3-sub-link:hover {
  background: #fff !important;
  color: var(--rf-green-dark) !important;
  box-shadow: 0 12px 26px rgba(0, 0, 0, .06) !important;
}

.rf-sm3-sub-icon {
  width: 42px !important;
  height: 42px !important;
  border: 1px solid rgba(11, 79, 87, .18) !important;
  border-radius: 50% !important;
  display: grid !important;
  place-items: center !important;
  font-size: 20px !important;
  line-height: 1 !important;
}

.rf-sm3-sub-text {
  min-width: 0 !important;
}

.rf-sm3-sub-text strong {
  display: block !important;
  text-transform: uppercase !important;
  letter-spacing: .05em !important;
  font-size: 16px !important;
  line-height: 1.25 !important;
  white-space: normal !important;
}

.rf-sm3-sub-text small {
  display: block !important;
  margin-top: 4px !important;
  color: #667b7d !important;
  line-height: 1.4 !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

.rf-sm3-sub-arrow {
  font-size: 30px !important;
  line-height: 1 !important;
}


/* =========================
   HERO – RESPONSIVE
   ========================= */

@media (max-width: 1024px) {
  .rf-sm3-hero-row.vc_row {
    flex-wrap: wrap !important;
  }

  .rf-sm3-hero-row > .wpb_column,
  .rf-sm3-hero-row > .vc_column_container {
    width: 100vw !important;
    max-width: 100vw !important;
    flex: 0 0 100vw !important;
  }

  .rf-sm3-hero-image-col,
  .rf-sm3-hero-content-col,
  .rf-sm3-hero-image-col > .vc_column-inner,
  .rf-sm3-hero-content-col > .vc_column-inner {
    min-height: auto !important;
  }

  .rf-sm3-hero-image-col img {
    min-height: 520px !important;
  }

  .rf-sm3-hero-content-col > .vc_column-inner > .wpb_wrapper {
    max-width: none !important;
    padding: 46px 28px 54px !important;
  }

  .rf-sm3-buy-box,
  .rf-sm3-sub-link {
    max-width: 100% !important;
  }
}

@media (max-width: 767px) {
  .rf-sm3-hero-image-col img {
    min-height: 420px !important;
  }

  .rf-sm3-title {
    font-size: 38px !important;
  }

  .rf-sm3-buy-box form.cart {
    flex-wrap: wrap !important;
  }

  .rf-sm3-buy-box .quantity,
  .rf-sm3-buy-box .single_add_to_cart_button,
  .rf-sm3-buy-box button[type="submit"],
  .rf-sm3-buy-box .button {
    flex: 1 1 100% !important;
    width: 100% !important;
  }
}


/* =========================
   HIGHLIGHTS
   ========================= */

.rf-sm3-highlights {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  background: var(--rf-highlight-bg) !important;
  padding: 0 !important;
}

.rf-sm3-highlights-inner {
  width: 100% !important;
  max-width: 1500px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 22px 34px !important;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

.rf-sm3-highlight {
  text-align: center;
  padding: 22px 18px;
  border-right: 1px solid rgba(191, 147, 55, .28);
}

.rf-sm3-highlight:last-child {
  border-right: 0;
}

.rf-sm3-highlight-icon {
  width: 54px !important;
  height: 54px !important;
  border: 1px solid rgba(11, 79, 87, .18) !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto 12px !important;
  background-color: rgba(255, 255, 255, .35);
}

.rf-sm3-highlight-icon:before {
  content: "" !important;
  display: block !important;
  width: 30px !important;
  height: 30px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
}

.rf-sm3-highlight:nth-child(1) .rf-sm3-highlight-icon:before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%230b4f57' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M32 7v50M12 20l40 24M52 20 12 44M23 13l9 6 9-6M23 51l9-6 9 6'/%3E%3C/g%3E%3C/svg%3E");
}

.rf-sm3-highlight:nth-child(2) .rf-sm3-highlight-icon:before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%230b4f57' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M32 9c10 10 16 19 16 29a16 16 0 0 1-32 0c0-10 6-19 16-29Z'/%3E%3Cpath d='M25 39c4 3 10 3 14 0'/%3E%3C/g%3E%3C/svg%3E");
}

.rf-sm3-highlight:nth-child(3) .rf-sm3-highlight-icon:before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%230b4f57' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='32' cy='32' r='22'/%3E%3Cpath d='M10 32h44'/%3E%3Cpath d='M32 10c7 6 11 14 11 22s-4 16-11 22c-7-6-11-14-11-22s4-16 11-22Z'/%3E%3C/g%3E%3C/svg%3E");
}

.rf-sm3-highlight:nth-child(4) .rf-sm3-highlight-icon:before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%230b4f57' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 52V14'/%3E%3Cpath d='M18 14h30l-6 9 6 9H18'/%3E%3Cpath d='M18 52h28'/%3E%3C/g%3E%3C/svg%3E");
}

.rf-sm3-highlight span {
  display: block;
  color: var(--rf-green-dark);
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 4px;
  text-transform: uppercase;
  letter-spacing: .05em;
}

.rf-sm3-highlight small {
  display: block;
  font-size: 14px;
  color: #617879;
}


/* =========================
   SÅ KAN DU ANVÄNDA DEN
   ========================= */

.rf-sm3-use {
  background: #fff;
  padding: 0;
}

.rf-sm3-use-mockup {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  display: grid;
  grid-template-columns: 1fr 1.45fr 1fr;
  background: #fff;
  padding: 0 !important;
}

.rf-sm3-use-mockup .rf-sm3-use-image img {
  width: 100%;
  height: 100%;
  min-height: 460px;
  object-fit: cover;
  display: block;
}

.rf-sm3-use-center {
  background: var(--rf-cream);
  padding: 48px 56px 56px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.rf-sm3-use-center h2 {
  text-align: center;
  font-size: clamp(34px, 3.2vw, 50px);
  line-height: 1.1;
  margin: 0 0 34px;
}

.rf-sm3-use-text-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.rf-sm3-use-mockup .rf-sm3-use-text {
  background: transparent !important;
  padding: 0 34px !important;
  border-left: 0 !important;
}

.rf-sm3-use-mockup .rf-sm3-use-text:first-child {
  border-right: 1px solid rgba(191, 147, 55, .28) !important;
  padding-left: 0 !important;
}

.rf-sm3-use-mockup .rf-sm3-use-text:last-child {
  padding-right: 0 !important;
}

.rf-sm3-use-text h3 {
  color: var(--rf-green-dark);
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 17px;
  margin: 0 0 18px;
  font-weight: 700;
}

.rf-sm3-use-text p {
  font-size: 16px;
  line-height: 1.68;
  margin: 0 0 20px;
}


/* =========================
   FÖRVARING & HÅLLBARHET
   ========================= */

.rf-sm3-storage {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  background: var(--rf-storage-bg) !important;
  padding: 58px 0 68px !important;
}

.rf-sm3-storage-inner {
  width: 100% !important;
  max-width: 1600px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 34px !important;
  padding-right: 34px !important;
}

.rf-sm3-storage h2 {
  text-align: center;
  font-size: clamp(36px, 4vw, 56px);
  line-height: 1.05;
  margin: 0 0 2px !important;
}

.rf-sm3-storage-lead {
  text-align: center;
  font-size: 18px;
  line-height: 1.45;
  margin: 0 auto 34px !important;
  max-width: 860px;
}

.rf-sm3-storage-grid {
  width: 100% !important;
  max-width: 1500px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  border: 1px solid rgba(11, 79, 87, .10);
  border-radius: 18px;
  overflow: hidden;
  background: rgba(255, 255, 255, .82);
}

.rf-sm3-storage-card {
  display: grid !important;
  grid-template-columns: 62px 1fr !important;
  grid-template-rows: auto auto !important;
  column-gap: 18px !important;
  align-content: start !important;
  align-items: start !important;
  padding: 38px 34px !important;
  border-right: 1px solid rgba(11, 79, 87, .12);
}

.rf-sm3-storage-card:last-child {
  border-right: 0;
}

.rf-sm3-storage-icon {
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  align-self: start !important;
  justify-self: center !important;
  width: 54px !important;
  height: 54px !important;
  border: 1px solid rgba(11, 79, 87, .18) !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: -2px 0 0 !important;
  background-color: rgba(255, 255, 255, .35);
}

.rf-sm3-storage-icon svg {
  display: none !important;
}

.rf-sm3-storage-icon:before {
  content: "" !important;
  display: block !important;
  width: 31px !important;
  height: 31px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
}

.rf-sm3-storage-card:nth-child(1) .rf-sm3-storage-icon:before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%230b4f57' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='19' y='6' width='26' height='52' rx='4'/%3E%3Cpath d='M19 25h26M26 15v5M26 36v8'/%3E%3C/g%3E%3C/svg%3E");
}

.rf-sm3-storage-card:nth-child(2) .rf-sm3-storage-icon:before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%230b4f57' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='11' y='14' width='42' height='40' rx='4'/%3E%3Cpath d='M11 25h42M22 8v11M42 8v11M22 36h4M31 36h4M40 36h4M22 45h4M31 45h4M40 45h4'/%3E%3C/g%3E%3C/svg%3E");
}

.rf-sm3-storage-card:nth-child(3) .rf-sm3-storage-icon:before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%230b4f57' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='32' cy='32' r='22'/%3E%3Cpath d='M32 18v15l11 6'/%3E%3C/g%3E%3C/svg%3E");
}

.rf-sm3-storage-card:nth-child(4) .rf-sm3-storage-icon:before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%230b4f57' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M32 7v50M12 20l40 24M52 20 12 44M23 13l9 6 9-6M23 51l9-6 9 6M9 29l11 3-11 3M55 29l-11 3 11 3'/%3E%3C/g%3E%3C/svg%3E");
}

.rf-sm3-storage-card strong {
  grid-column: 2 !important;
  grid-row: 1 !important;
  display: block;
  color: var(--rf-green-dark);
  font-size: 13px !important;
  line-height: 1.35 !important;
  text-transform: uppercase;
  letter-spacing: .05em;
  margin: 0 0 12px !important;
  font-weight: 700;
}

.rf-sm3-storage-card span {
  grid-column: 2 !important;
  grid-row: 2 !important;
  display: block;
  font-size: 14.5px !important;
  line-height: 1.5 !important;
  margin: 0 !important;
}

.rf-sm3-storage-tip {
  max-width: 980px;
  margin: 28px auto 0;
  background: rgba(255, 255, 255, .82);
  border: 1px solid rgba(191, 147, 55, .24);
  border-radius: 10px;
  padding: 18px 24px;
  text-align: center;
  font-size: 17px;
  line-height: 1.55;
}


/* =========================
   TESTIMONIALS
   ========================= */

.rf-sm3-testimonials {
  background-color: var(--rf-cream);
  background-position: center;
  background-size: cover;
  padding: 58px 0 76px;
}

.rf-sm3-testimonials-inner {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 30px;
}

.rf-sm3-testimonials h2 {
  text-align: center;
  font-size: clamp(34px, 3.4vw, 48px);
  line-height: 1.08;
  margin: 0 0 34px;
}

.rf-sm3-testimonial-grid {
  max-width: 920px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 34px;
}

.rf-sm3-testimonial {
  min-height: 175px;
  background: rgba(255, 255, 255, .94);
  border-radius: 14px;
  padding: 30px 36px 26px 72px;
  position: relative;
}

.rf-sm3-quote-mark {
  position: absolute;
  left: 30px;
  top: 28px;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 78px !important;
  font-weight: 700 !important;
  line-height: .55 !important;
  color: var(--rf-gold) !important;
  letter-spacing: -10px !important;
  transform: translateY(2px);
}

.rf-sm3-testimonial p {
  font-size: 16px;
  line-height: 1.65;
  margin: 6px 0 16px !important;
}

.rf-sm3-testimonial-name {
  font-weight: 700;
  color: var(--rf-green-dark);
  margin-bottom: 10px;
}

.rf-sm3-stars {
  color: var(--rf-gold);
  letter-spacing: 3px !important;
  font-size: 20px !important;
}


/* =========================
   INGREDIENSER + FAQ
   ========================= */

.rf-sm3-infofaq {
  background: var(--rf-info-bg) !important;
  padding: 66px 0 92px;
}

.rf-sm3-infofaq-inner {
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 30px;
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 42px;
  align-items: start;
  background: var(--rf-info-bg) !important;
}

.rf-sm3-ingredients-col {
  position: relative !important;
  min-height: 360px !important;
  padding-right: 30px;
  padding-bottom: 90px !important;
  border-right: 1px solid rgba(11, 79, 87, .12);
}

.rf-sm3-ingredients-col h2,
.rf-sm3-faq-col h2 {
  font-size: 19px;
  line-height: 1.1;
  margin: 0 0 26px;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.rf-sm3-ingredients-col p {
  font-size: 18px;
  line-height: 1.7;
  margin: 0;
}

.rf-sm3-ingredients-origin {
  margin-top: 52px !important;
  max-width: 260px;
}

.rf-sm3-botanical-corner {
  position: absolute !important;
  right: 24px !important;
  bottom: 8px !important;
  width: 92px !important;
  height: 92px !important;
  opacity: .28;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%230b4f57' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M50 88V30'/%3E%3Cpath d='M50 50c-16 0-28-12-28-28 16 0 28 12 28 28Z'/%3E%3Cpath d='M50 64c-20 0-36-16-36-36 20 0 36 16 36 36Z'/%3E%3Cpath d='M50 64c0-20 16-36 36-36 0 20-16 36-36 36Z'/%3E%3Cpath d='M50 50c0-16 12-28 28-28 0 16-12 28-28 28Z'/%3E%3Cpath d='M37 74c-8-2-16-7-22-14'/%3E%3Cpath d='M63 74c8-2 16-7 22-14'/%3E%3C/g%3E%3C/svg%3E") !important;
}

.rf-sm3-faq-col details {
  border-bottom: 1px solid rgba(11, 79, 87, .14);
  padding: 18px 0;
}

.rf-sm3-faq-col summary {
  list-style: none;
  cursor: pointer;
  position: relative;
  padding-right: 30px;
  font-size: 17px;
  color: var(--rf-green-dark);
  font-weight: 700;
}

.rf-sm3-faq-col summary::-webkit-details-marker {
  display: none;
}

.rf-sm3-faq-col summary:after {
  content: "+";
  position: absolute;
  right: 0;
  top: -2px;
  font-size: 28px;
  color: var(--rf-gold);
  font-weight: 400;
}

.rf-sm3-faq-col details[open] summary:after {
  content: "–";
}

.rf-sm3-faq-col p {
  margin: 12px 0 0;
  font-size: 16px;
  line-height: 1.7;
}


/* =========================
   RESPONSIVE
   ========================= */

@media (max-width: 1200px) {
  .rf-sm3-storage-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .rf-sm3-storage-card {
    border-right: 1px solid rgba(11, 79, 87, .12) !important;
    border-bottom: 1px solid rgba(11, 79, 87, .12) !important;
  }

  .rf-sm3-storage-card:nth-child(2),
  .rf-sm3-storage-card:nth-child(4) {
    border-right: 0 !important;
  }

  .rf-sm3-storage-card:nth-child(3),
  .rf-sm3-storage-card:nth-child(4) {
    border-bottom: 0 !important;
  }
}

@media (max-width: 1024px) {
  .rf-sm3-hero-row > .wpb_column,
  .rf-sm3-hero-row > .vc_column_container {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
  }

  .rf-sm3-hero-image-col,
  .rf-sm3-hero-content-col,
  .rf-sm3-hero-image-col > .vc_column-inner,
  .rf-sm3-hero-content-col > .vc_column-inner {
    min-height: auto !important;
  }

  .rf-sm3-hero-image-col img {
    min-height: 520px !important;
  }

  .rf-sm3-hero-content-col > .vc_column-inner > .wpb_wrapper {
    max-width: none !important;
    padding: 46px 28px 54px !important;
  }

  .rf-sm3-buy-box,
  .rf-sm3-sub-link {
    max-width: 100% !important;
  }

  .rf-sm3-highlights-inner {
    grid-template-columns: repeat(2, 1fr);
  }

  .rf-sm3-highlight:nth-child(2) {
    border-right: 0;
  }

  .rf-sm3-use-mockup {
    grid-template-columns: 1fr;
  }

  .rf-sm3-use-center {
    padding: 44px 32px 48px;
  }

  .rf-sm3-testimonial-grid,
  .rf-sm3-infofaq-inner {
    grid-template-columns: 1fr;
  }

  .rf-sm3-ingredients-col {
    padding-right: 0;
    padding-bottom: 120px !important;
    border-right: 0;
    border-bottom: 1px solid rgba(11, 79, 87, .12);
  }
}

@media (max-width: 767px) {
  .rf-sm3-title,
  .rf-sm3-use-center h2,
  .rf-sm3-storage h2,
  .rf-sm3-testimonials h2 {
    font-size: 38px !important;
  }

  .rf-sm3-hero-image-col img {
    min-height: 420px !important;
  }

  .rf-sm3-buy-box form.cart {
    flex-wrap: wrap !important;
  }

  .rf-sm3-buy-box .quantity,
  .rf-sm3-buy-box .single_add_to_cart_button,
  .rf-sm3-buy-box button[type="submit"],
  .rf-sm3-buy-box .button {
    flex: 1 1 100% !important;
    width: 100% !important;
  }

  .rf-sm3-highlights-inner {
    grid-template-columns: 1fr;
  }

  .rf-sm3-highlight {
    border-right: 0 !important;
    border-bottom: 1px solid rgba(191, 147, 55, .28);
  }

  .rf-sm3-highlight:last-child {
    border-bottom: 0;
  }

  .rf-sm3-use-text-grid {
    grid-template-columns: 1fr;
  }

  .rf-sm3-use-mockup .rf-sm3-use-text {
    padding: 0 !important;
  }

  .rf-sm3-use-mockup .rf-sm3-use-text:first-child {
    border-right: 0 !important;
    border-bottom: 1px solid rgba(191, 147, 55, .28) !important;
    padding-bottom: 28px !important;
    margin-bottom: 28px;
  }

  .rf-sm3-use-mockup .rf-sm3-use-image img {
    min-height: 300px;
  }

  .rf-sm3-storage {
    padding-top: 46px !important;
    padding-bottom: 54px !important;
  }

  .rf-sm3-storage-inner {
    padding-left: 22px !important;
    padding-right: 22px !important;
  }

  .rf-sm3-storage h2 {
    font-size: 38px !important;
    line-height: 1.08 !important;
    margin-bottom: 8px !important;
  }

  .rf-sm3-storage-lead {
    font-size: 20px !important;
    line-height: 1.45 !important;
    margin-bottom: 28px !important;
    max-width: 520px !important;
  }

  .rf-sm3-storage-grid {
    grid-template-columns: 1fr !important;
    border-radius: 18px !important;
  }

  .rf-sm3-storage-card {
    grid-template-columns: 58px 1fr !important;
    column-gap: 18px !important;
    padding: 28px 24px !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(11, 79, 87, .12) !important;
  }

  .rf-sm3-storage-card:last-child {
    border-bottom: 0 !important;
  }

  .rf-sm3-storage-icon {
    width: 48px !important;
    height: 48px !important;
    align-self: start !important;
    margin-top: 0 !important;
  }

  .rf-sm3-storage-icon:before {
    width: 28px !important;
    height: 28px !important;
  }

  .rf-sm3-storage-card strong {
    font-size: 14px !important;
    line-height: 1.35 !important;
    margin-bottom: 8px !important;
  }

  .rf-sm3-storage-card span {
    font-size: 16px !important;
    line-height: 1.5 !important;
  }

  .rf-sm3-storage-tip {
    font-size: 18px !important;
    line-height: 1.45 !important;
    padding: 20px 22px !important;
    margin-top: 24px !important;
  }

  .rf-sm3-testimonial {
    padding-left: 58px;
  }

  .rf-sm3-quote-mark {
    left: 24px;
  }
}

@media (max-width: 480px) {
  .rf-sm3-storage h2 {
    font-size: 34px !important;
  }

  .rf-sm3-storage-lead {
    font-size: 18px !important;
  }

  .rf-sm3-storage-card {
    grid-template-columns: 52px 1fr !important;
    padding: 24px 20px !important;
  }

  .rf-sm3-storage-icon {
    width: 44px !important;
    height: 44px !important;
  }

  .rf-sm3-storage-icon:before {
    width: 26px !important;
    height: 26px !important;
  }
}
/* Hero – split checkout shortcode */
.rf-sm3-split-checkout {
  width: 100% !important;
  max-width: 560px !important;
  margin-top: 12px !important;
}

.rf-sm3-split-checkout p {
  margin: 0 !important;
}

.rf-sm3-split-checkout form {
  margin-bottom: 0 !important;
}

.rf-sm3-split-checkout button,
.rf-sm3-split-checkout .button,
.rf-sm3-split-checkout input[type="submit"] {
  background: #0b4f57 !important;
  color: #fff !important;
  border-radius: 8px !important;
  border: 0 !important;
  min-height: 54px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .04em !important;
}

.rf-sm3-split-checkout input.qty,
.rf-sm3-split-checkout .quantity input {
  min-height: 54px !important;
  border-radius: 8px !important;
  border: 1px solid rgba(11,79,87,.16) !important;
  background: #fff !important;
  color: #0b4f57 !important;
}
/* Split checkout – kompakt hero-version */
.custom-split-checkout-hero {
  width: 100%;
  max-width: 560px;
  margin-top: 12px;
}

.custom-split-checkout-hero .hero-onetime-form {
  margin-bottom: 16px;
}

.custom-split-checkout-hero form.cart {
  display: flex !important;
  gap: 14px !important;
  align-items: stretch !important;
  flex-wrap: nowrap !important;
  margin-bottom: 0 !important;
}

.custom-split-checkout-hero .quantity {
  flex: 0 0 132px !important;
  margin: 0 !important;
}

.custom-split-checkout-hero .quantity input,
.custom-split-checkout-hero input.qty {
  width: 100% !important;
  height: 56px !important;
  min-height: 56px !important;
  border: 1px solid rgba(11,79,87,.16) !important;
  border-radius: 8px !important;
  background: #fff !important;
  text-align: center !important;
  color: #0b4f57 !important;
}

.custom-split-checkout-hero .single_add_to_cart_button,
.custom-split-checkout-hero button[type="submit"],
.custom-split-checkout-hero .button {
  flex: 1 1 auto !important;
  height: 56px !important;
  min-height: 56px !important;
  background: #0b4f57 !important;
  color: #fff !important;
  border-radius: 8px !important;
  border: 0 !important;
  font-weight: 700 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  padding-left: 28px !important;
  padding-right: 28px !important;
}

.custom-split-checkout-hero .single_add_to_cart_button:hover,
.custom-split-checkout-hero button[type="submit"]:hover,
.custom-split-checkout-hero .button:hover {
  background: #073f45 !important;
  color: #fff !important;
}

/* Dölj ev. WooCommerce-metadata i kompakt hero-läge, men inte variationsfält/formulär */
.custom-split-checkout-hero .product_meta,
.custom-split-checkout-hero .woocommerce-product-details__short-description {
  display: none !important;
}

/* Prenumerationskort */
.custom-split-checkout-hero .rf-sm3-sub-link {
  width: 100% !important;
  max-width: 560px !important;
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) 22px !important;
  gap: 14px !important;
  align-items: center !important;
  text-decoration: none !important;
  background: rgba(255,255,255,.72) !important;
  border: 1px solid rgba(191,147,55,.42) !important;
  border-radius: 10px !important;
  padding: 18px !important;
  color: #0b4f57 !important;
  margin-top: 16px !important;
}

.custom-split-checkout-hero .rf-sm3-sub-link:hover {
  background: #fff !important;
  color: #0b4f57 !important;
  box-shadow: 0 12px 26px rgba(0,0,0,.06) !important;
}

.custom-split-checkout-hero .rf-sm3-sub-icon {
  width: 42px !important;
  height: 42px !important;
  border: 1px solid rgba(11,79,87,.18) !important;
  border-radius: 50% !important;
  display: grid !important;
  place-items: center !important;
  font-size: 20px !important;
  line-height: 1 !important;
}

.custom-split-checkout-hero .rf-sm3-sub-text {
  min-width: 0 !important;
}

.custom-split-checkout-hero .rf-sm3-sub-text strong {
  display: block !important;
  text-transform: uppercase !important;
  letter-spacing: .05em !important;
  font-size: 16px !important;
  line-height: 1.25 !important;
}

.custom-split-checkout-hero .rf-sm3-sub-text small {
  display: block !important;
  margin-top: 4px !important;
  color: #667b7d !important;
  line-height: 1.4 !important;
  white-space: normal !important;
}

.custom-split-checkout-hero .rf-sm3-sub-arrow {
  font-size: 30px !important;
  line-height: 1 !important;
}

@media (max-width: 767px) {
  .custom-split-checkout-hero {
    max-width: 100%;
  }

  .custom-split-checkout-hero form.cart {
    flex-wrap: wrap !important;
  }

  .custom-split-checkout-hero .quantity,
  .custom-split-checkout-hero .single_add_to_cart_button,
  .custom-split-checkout-hero button[type="submit"],
  .custom-split-checkout-hero .button {
    flex: 1 1 100% !important;
    width: 100% !important;
  }
}