@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: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--btn-accented-box-shadow-active: none;
--btn-accented-bottom: 0px;
--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 */
a.link-color-1 {
    color: #a37e46 !important;
}
a.link-color-1:hover {
    color: #c99a4a !important;
}
/* end */
.manual-menu-footer {line-height: 30px !important}
.footer-address {font-size:14px !important}
.mc4wp-form input[type="submit"]:hover {
  color: #fff !important;
  box-shadow: var(--btn-accented-box-shadow-hover);
  background-color: #c99a4a !important;
}
.mc4wp-form input[type="submit"] {
  border-radius: var(--btn-accented-brd-radius);
  color: #fff !important;
background-color: #a37e46 !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;
}
/* =========================================================
   CUSTOM SPLIT CHECKOUT - MASTER CSS 6.0
========================================================= */

/* --- 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 ("Pre-test") 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: #b28a5d !important; border: 1px solid #b28a5d !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; }
.new-design .sub-save-box { display: flex; align-items: center; background: #f0fdf4; border: 1px solid #bbf7d0; border-radius: 8px; padding: 10px 15px; gap: 15px; }
.new-design .sub-save-box .save-icon { color: #16a34a; font-size: 18px; transform: rotate(-45deg); }
.new-design .sub-save-box .save-text { display: flex; flex-direction: column; color: #166534; line-height: 1.2; }
.new-design .sub-save-box .save-text strong { font-size: 15px; font-weight: bold; }
.new-design .sub-save-box .save-percent { display: flex; flex-direction: column; align-items: flex-end; color: #166534; line-height: 1.2; border-left: 1px solid #bbf7d0; padding-left: 15px; }
.new-design .sub-save-box .save-percent strong { font-size: 18px; font-weight: bold; }
/* --- 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; /* Minskar selectens egen bottenmarginal */
}
/* Drar upp prenumerations-rullgardinen ett snäpp mot smak-rullgardinen */
.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 --- */

/* Rundar själva huvudbehållaren och ser till att inget sticker ut */
.new-design .quantity {
    border-radius: 5px !important; 
    overflow: hidden !important; 
}

/* WoodMart lägger ofta egna stilar på minus/plus, så vi tvingar deras yttre hörn att bli runda */
.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;
}

/* Mitten-rutan (själva siffran) ska fortsätta vara platt på sidorna */
.new-design .quantity input[type="number"] {
    border-radius: 0 !important;
}
/* --- 10. FÄRGJUSTERINGAR --- */

/* Ändra bakgrundsfärg på plus- och minusknapparna */
.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;
}

/* Ny grön färg på prenumerationsknappen */
.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; /* Tar upp ca 40% av bredden */
    }
    .new-design .subscription-box {
        flex: 6 !important; /* Tar upp ca 60% av bredden */
    }
}
/* --- 12. PERFEKT RAM RUNT ANTAL & BREDD PÅ SPARA-RUTAN --- */

/* 1. Sätt ramen på yttre huvudbehållaren för antalet */
.new-design .quantity {
    border: 1px solid #e0e0e0 !important;
}

/* 2. Ta bort alla egna ramar på plus/minus så det inte blir dubbelt mot ytterramen */
.new-design .quantity input[type="button"],
.new-design .quantity .minus,
.new-design .quantity .plus {
    border: none !important;
}

/* 3. Sifferrutan får bara behålla sina vertikala streck på sidorna (avdelarna) */
.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;
}

/* 4. Gör Spara-rutan 60% bred och centrera innehållet i den */
.new-design .sub-save-box {
    width: 60% !important;
    flex: 0 0 60% !important;
    justify-content: center !important; 
}
/* --- 13. PIXEL-PERFEKT SPARA-RUTA --- */

/* Nollställ standardavstånd för att kunna styra exakt */
.new-design .sub-save-box {
    gap: 0 !important; 
    padding: 15px 20px !important;
    justify-content: center !important; 
}

/* 1. Gör ikonen massiv och sätt ett fast avstånd till texten */
.new-design .sub-save-box .save-icon {
    font-size: 34px !important; 
    margin-right: 15px !important; 
}

/* 2. Vänstra blocket: Centrera allt, gör siffrorna stora */
.new-design .sub-save-box .save-text {
    align-items: center !important;
    text-align: center !important;
    font-size: 15px !important; 
    margin-right: 25px !important; /* Skapar luft fram till strecket */
}
.new-design .sub-save-box .save-text strong {
    font-size: 22px !important; 
    line-height: 1.1 !important;
    margin-bottom: 2px !important;
}

/* 3. Högra blocket: Centrera allt, dra upp procenten rejält */
.new-design .sub-save-box .save-percent {
    align-items: center !important;
    text-align: center !important;
    font-size: 15px !important;
    padding-left: 25px !important; /* Skapar luft från strecket */
    border-left: 1px solid #bbf7d0 !important; /* Skiljesträcket */
}
.new-design .sub-save-box .save-percent strong {
    font-size: 28px !important; 
    line-height: 1.1 !important;
    margin-top: 2px !important;
}
/* --- 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;
}

/* Kalendern med linjetjocklek 2.5 */
.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) {
    
    /* 1. SPARA-RUTAN PÅ EGEN RAD */
    .new-design div:has(> .sub-save-box) {
        flex-wrap: wrap !important;
    }
    .new-design .sub-save-box {
        width: 100% !important;
        flex: 0 0 100% !important;
        margin-top: 20px !important; 
        margin-left: 0 !important;
    }

    /* 2. TEXTBRYTNING OCH CENTRERING FÖR USP-BANNERN */
    /* Dölj strecket helt på mobilen */
    .new-design .perks-banner .divider {
        display: none !important;
    }

    /* Tvinga bannern att lägga innehållet i en kolumn och centrera allt */
    .new-design .perks-banner {
        flex-direction: column !important;
        align-items: center !important; /* Centrerar blocken */
        gap: 8px !important; /* Skapar ett snyggt litet mellanrum mellan raderna */
        width: 100% !important;
    }

    /* Gör text-facken till flex-boxar så att ikonen och texten hamnar rätt, och centrerar dem */
    .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;
    }
    
    /* Fryser ikonen så den inte krymper och justerar placeringen */
    .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;
    }
}