@charset "UTF-8";
/* COMPONENTS - extras que no todas las páginas necesitan */
/* newsletter */
/* conjurer_src/web_src/Views/custominformation/conjurer/newsletter_static_content.html.twig */
#newsletterForm .form-container {
    gap: 1rem;
}
#newsletterForm a {
    text-decoration: underline;
}
#newsletterForm > sk-card {
    cursor: auto;
}
#newsletterForm > sk-card:hover h2 {
    text-decoration: none;
}

#contactPage sk-input-field,
#contactPage sk-select {
    width: 100%;
}
#contactPage sk-input-field .intl-tel-input.allow-dropdown .flag-container,
#contactPage sk-input-field .intl-tel-input.separate-dial-code .flag-container {
    left: -8px;
}
#contactPage sk-input-field input, #contactPage sk-input-field .flag-container input {
    border: none;
    width: 100%;
    height: 3rem;
    box-shadow: none;
}
#contactPage sk-input-field input:-internal-autofill-selected, #contactPage sk-input-field .flag-container input:-internal-autofill-selected {
    background-color: #ffffff !important;
}
#contactPage sk-input-field .intl-tel-input {
    width: 100%;
}
#contactPage .wc-card:hover h2 {
    margin-bottom: 1.5rem;
    text-decoration: none;
}
#contactPage .wc-card h2 {
    font-size: 1.5rem;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}
#contactPage .wc-card h3 {
    margin-bottom: 0.5rem;
}
#contactPage .wc-card .form-row {
    flex-direction: column;
    margin-bottom: 1.5rem;
}
#contactPage .wc-card .numOrder-input {
    width: 100%;
}
#contactPage .wc-card .numOrder-input label {
    font-weight: 700;
    color: #111111;
    margin-bottom: 0.25rem;
}
#contactPage .wc-card #label-textarea {
    margin-top: 1.5rem;
}
#contactPage .wc-card .publicityInfo p {
    margin-bottom: 0;
}
#contactPage .wc-card .is_hide_publicity {
    position: absolute;
}
#contactPage .wc-card::part(footer) {
    margin-top: 0;
}

.dishesList .wc-overflow-carrousel {
    padding-bottom: 1.5rem;
}

.contentWrapper .ikeaFood .ikeaFoodSectionsMenu .navbar-nav,
.contentWrapper .ikeaFood .hnf-link__group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1.75rem;
    flex-wrap: wrap;
    border-bottom: 0;
    margin: 0;
    padding-inline-start: 0;
}
.contentWrapper .ikeaFood .ikeaFoodSectionsMenu .navbar-nav .nav-item,
.contentWrapper .ikeaFood .ikeaFoodSectionsMenu .navbar-nav .hnf-links__group-label,
.contentWrapper .ikeaFood .hnf-link__group .nav-item,
.contentWrapper .ikeaFood .hnf-link__group .hnf-links__group-label {
    padding: 0;
    list-style-type: none;
    min-height: 1.5rem;
}
.contentWrapper .ikeaFood .ikeaFoodSectionsMenu .navbar-nav .nav-item.active,
.contentWrapper .ikeaFood .ikeaFoodSectionsMenu .navbar-nav .hnf-links__group-label.active,
.contentWrapper .ikeaFood .hnf-link__group .nav-item.active,
.contentWrapper .ikeaFood .hnf-link__group .hnf-links__group-label.active {
    border-bottom: 0;
    box-shadow: none;
}
.contentWrapper .ikeaFood .ikeaFoodSectionsMenu .navbar-nav .nav-item.active a,
.contentWrapper .ikeaFood .ikeaFoodSectionsMenu .navbar-nav .hnf-links__group-label.active a,
.contentWrapper .ikeaFood .hnf-link__group .nav-item.active a,
.contentWrapper .ikeaFood .hnf-link__group .hnf-links__group-label.active a {
    color: rgb(var(--colour-text-and-icon-1, 17, 17, 17));
}
.contentWrapper .ikeaFood .ikeaFoodSectionsMenu .navbar-nav .nav-item a,
.contentWrapper .ikeaFood .ikeaFoodSectionsMenu .navbar-nav .hnf-links__group-label a,
.contentWrapper .ikeaFood .hnf-link__group .nav-item a,
.contentWrapper .ikeaFood .hnf-link__group .hnf-links__group-label a {
    text-decoration: underline;
    color: rgb(var(--colour-text-and-icon-3, 118, 118, 118));
}
.contentWrapper .ikeaFood .ikeaFoodSectionsMenu .navbar-nav .nav-item a.link--black, .contentWrapper .ikeaFood .ikeaFoodSectionsMenu .navbar-nav .nav-item a:hover, .contentWrapper .ikeaFood .ikeaFoodSectionsMenu .navbar-nav .nav-item a:focus, .contentWrapper .ikeaFood .ikeaFoodSectionsMenu .navbar-nav .nav-item a:active,
.contentWrapper .ikeaFood .ikeaFoodSectionsMenu .navbar-nav .hnf-links__group-label a.link--black,
.contentWrapper .ikeaFood .ikeaFoodSectionsMenu .navbar-nav .hnf-links__group-label a:hover,
.contentWrapper .ikeaFood .ikeaFoodSectionsMenu .navbar-nav .hnf-links__group-label a:focus,
.contentWrapper .ikeaFood .ikeaFoodSectionsMenu .navbar-nav .hnf-links__group-label a:active,
.contentWrapper .ikeaFood .hnf-link__group .nav-item a.link--black,
.contentWrapper .ikeaFood .hnf-link__group .nav-item a:hover,
.contentWrapper .ikeaFood .hnf-link__group .nav-item a:focus,
.contentWrapper .ikeaFood .hnf-link__group .nav-item a:active,
.contentWrapper .ikeaFood .hnf-link__group .hnf-links__group-label a.link--black,
.contentWrapper .ikeaFood .hnf-link__group .hnf-links__group-label a:hover,
.contentWrapper .ikeaFood .hnf-link__group .hnf-links__group-label a:focus,
.contentWrapper .ikeaFood .hnf-link__group .hnf-links__group-label a:active {
    color: rgb(var(--colour-text-and-icon-1, 17, 17, 17));
}
.contentWrapper .ikeaFood .ikeaFoodSectionsMenu .navbar-nav .nav-item a > span,
.contentWrapper .ikeaFood .ikeaFoodSectionsMenu .navbar-nav .hnf-links__group-label a > span,
.contentWrapper .ikeaFood .hnf-link__group .nav-item a > span,
.contentWrapper .ikeaFood .hnf-link__group .hnf-links__group-label a > span {
    font-size: 0.875rem;
}
@media (max-width: 767.98px) {
    .contentWrapper .ikeaFood .ikeaFoodSectionsMenu .navbar-nav .hnf-link__group,
    .contentWrapper .ikeaFood .hnf-link__group .hnf-link__group {
        display: block;
    }
}
@media (min-width: 768px) {
    .contentWrapper .ikeaFood .swedishFoodMarket .wc-carousel.wc_swedishFoodMarketMenu {
        --skapa-carousel-item-gap: 0;
    }
    .contentWrapper .ikeaFood .swedishFoodMarket .wc-carousel.wc_swedishFoodMarketMenu .nav-item {
        padding: 0.5rem;
        flex: 0 0 11.35%;
    }
}

/*TRUCK-PURCHASE*/
/*/home/ubuntu/code/sarton-docker/conjurer/dev/conjurer_src/web_src/Views/client/conjurer/myOrder.html.twig*/
.form_exist p.text {
    margin-bottom: 0;
}
.form_exist p.text:not(:last-of-type) {
    margin-bottom: 0.75rem;
}
.form_exist .mb-100 {
    margin-bottom: 1rem !important;
}
.form_exist .form_exist-generateBox.form-inline > .wc-input-field {
    max-width: 230px;
}

.wc-inline-message.myOrder p {
    font-size: 1rem;
}
.wc-inline-message.myOrder p .link {
    color: #0058A3;
}

#personal_info_form sk-input-field,
#personal_info_form sk-select,
#personal_info_form wc-select,
.appointment sk-input-field,
.appointment sk-select,
.appointment wc-select {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    width: 100%;
}
#personal_info_form sk-input-field input,
#personal_info_form sk-select input,
#personal_info_form wc-select input,
.appointment sk-input-field input,
.appointment sk-select input,
.appointment wc-select input {
    border: none;
    width: 100%;
    height: 3rem;
}
#personal_info_form wc-choice,
.appointment wc-choice {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#personal_info_form wc-choice sk-choice-item,
.appointment wc-choice sk-choice-item {
    box-sizing: border-box;
    width: 20%;
    margin-bottom: 0.5rem;
}
#personal_info_form wc-choice sk-choice-item label,
.appointment wc-choice sk-choice-item label {
    margin: 0;
    margin-top: 0.75rem;
    font-size: 1rem;
}
#personal_info_form wc-choice sk-choice-item img,
.appointment wc-choice sk-choice-item img {
    border-radius: 100%;
}
@media (max-width: 768px) {
    #personal_info_form wc-choice sk-choice-item,
    .appointment wc-choice sk-choice-item {
        width: 45%;
    }
}
#personal_info_form wc-choice .titleHouse,
.appointment wc-choice .titleHouse {
    display: inline-block;
    vertical-align: middle;
    font-weight: normal;
    margin: 0;
    margin-top: 0.75rem;
    font-size: 1rem;
}
#personal_info_form .house-group,
.appointment .house-group {
    position: relative;
}
#personal_info_form .house-group .checkboxes-wrapper,
.appointment .house-group .checkboxes-wrapper {
    position: absolute;
    visibility: hidden;
    bottom: -1rem;
    left: 1rem;
}
#personal_info_form sk-inline-message h6,
.appointment sk-inline-message h6 {
    margin: 1rem 0 0;
    font-size: 0.875rem;
    line-height: 1.571;
    font-weight: 700;
}
#personal_info_form sk-inline-message p,
.appointment sk-inline-message p {
    margin-bottom: 0;
}
#personal_info_form #house-error,
.appointment #house-error {
    display: block;
    width: 100%;
    font-size: 0.8rem;
    border-radius: 4px;
    line-height: 1.2;
}
#personal_info_form #storeToVisit_01.wc-radio-group,
#personal_info_form #storeToVisit_01.wc-radio-group + label,
.appointment #storeToVisit_01.wc-radio-group,
.appointment #storeToVisit_01.wc-radio-group + label {
    margin-top: 1rem;
}
#personal_info_form #radioValidation,
.appointment #radioValidation {
    margin-top: 1rem;
}
#personal_info_form #message-phone-validation,
.appointment #message-phone-validation {
    margin-top: 0.5rem;
}
#personal_info_form .wc-checkbox-group,
.appointment .wc-checkbox-group {
    margin-bottom: 1rem;
}
#personal_info_form .wc-checkbox-group input[type=checkbox],
.appointment .wc-checkbox-group input[type=checkbox] {
    transform: scale(1);
}
#personal_info_form #houseRoomChoice-field,
.appointment #houseRoomChoice-field {
    display: none;
}
#personal_info_form .storeCheckboxes,
.appointment .storeCheckboxes {
    position: absolute;
    visibility: hidden;
}
#personal_info_form .personal_info_content,
.appointment .personal_info_content {
    row-gap: 1rem;
}
#personal_info_form .publicityInfo p,
.appointment .publicityInfo p {
    margin-bottom: 0;
}

.wc-carousel .card-header > a {
    font-size: 24px;
}

/* Traffic and Searcher: 
  web_src/Views/products/_default/parts/itemInfo_Template-compact.html.twig //   web_src/Views/products/_default/parts/itemInfo_Template-mini.html.twig
*/
.card-body .itemInfo-compact {
    margin-top: 0.25rem;
}
.card-body .itemInfo-compact .itemName-link:hover .itemTitle,
.card-body .itemInfo-compact .itemName-link.focus-visible .itemTitle {
    text-decoration: underline;
    color: #111111;
}
.card-body .itemInfo-compact a:hover, .card-body .itemInfo-compact a.focus-visible {
    color: #484848;
}
.card-body .product-title {
    margin-top: 0.25rem;
}
.card-body .product-title .itemLink.itemName-link {
    text-decoration: none;
}
.card-body .product-title .itemLink.itemName-link:hover .itemName, .card-body .product-title .itemLink.itemName-link.focus-visible .itemName {
    text-decoration: underline;
    color: #111111;
}
.card-body .product-title .itemLink.itemName-link:hover .itemOldPrice, .card-body .product-title .itemLink.itemName-link.focus-visible .itemOldPrice {
    color: #484848;
}
.card-body .product-title .itemLink.itemName-link.focus-visible {
    box-shadow: none !important;
    outline: none !important;
    outline-offset: 0 !important;
    transition: none !important;
}
.card-body .product-title:has(.itemLink.itemName-link.focus-visible) {
    outline: 2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17))) !important;
    outline-offset: 2px !important;
    transition: outline 200ms ease-out, box-shadow 200ms ease-out !important;
}

/* web_src/Views/products/_default/parts/itemInfo_Template-compact.html.twig */
.second-slider.swiper-container .itemName:hover .itemTitle, .second-slider.swiper-container .itemName.focus-visible .itemTitle {
    text-decoration: underline;
    color: #111111;
}
.second-slider.swiper-container .itemName:hover .itemTitle .icon, .second-slider.swiper-container .itemName.focus-visible .itemTitle .icon {
    text-decoration: none;
}
.second-slider.swiper-container .itemName:hover .itemOldPrice, .second-slider.swiper-container .itemName.focus-visible .itemOldPrice {
    color: #484848;
}

/*PAGE RANGE NAVIGATION*/
/*Views/products/_default/parts/page_range_navigation.html.twig*/
#collections > div.swiper-container, #collections > div.swiper-container > div.swiper {
    overflow: visible;
}

/*TRAFFIC BLOCK*/
/*web_src/Views/index/conjurer/trafficBlock.html.twig*/
.traffic .wc-tabs .productList.trafficList_js.trafficList-not-vendor.swiper-container .swiper {
    overflow: visible;
}

.panel.sk-active-panel.focus-visible:focus {
    outline: block;
}

/*Presentation tabs*/
/*web_src/Views/products/_default/parts/page_range_navigation.html.twig*/
#presentationTabs .swiper-container.full-width-xs, #presentationTabs .swiper-container.full-width-xs .swiper {
    overflow: visible;
}

#product-main-carousel.wc-carousel {
    --skapa-carousel-overflow-start: 0;
    --skapa-carousel-overflow-end: 0;
}
#product-main-carousel.wc-carousel .swiper-slide {
    flex-shrink: 0;
    max-width: 100%;
    width: 100%;
    height: 100%;
    max-height: 500px;
    position: relative;
}
@media (max-width: 575.98px) {
    #product-main-carousel.wc-carousel.page-edge {
        --skapa-carousel-overflow-start: 20px;
        --skapa-carousel-overflow-end: 20px;
        --carousel-container-vertical-padding: 0;
    }
    #product-main-carousel.wc-carousel.page-edge .swiper-slide {
        max-width: calc(100% - (var(--skapa-carousel-overflow-start) + var(--skapa-carousel-overflow-end)));
    }
}

#product-thumbnails-carousel {
    --skapa-carousel-item-gap: 5px;
}
#product-thumbnails-carousel .active .borderContainer {
    border: 1px solid #111111;
    width: 100%;
}
@media (min-width: 576px) {
    #product-thumbnails-carousel::exportparts(control-button) {
        display: block;
    }
    #product-thumbnails-carousel::part(control-button) {
        display: block;
    }
    #product-thumbnails-carousel::part(container) {
        padding-left: var(--carousel-container-vertical-padding);
        padding-right: var(--carousel-container-vertical-padding);
    }
}

.template_detail .productList .swiper .slick-list.draggable:has(.card.slick-slide.focus-visible) {
    box-shadow: 0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255))) !important;
    outline: 2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17))) !important;
    outline-offset: 2px !important;
    transition: outline 200ms ease-out, box-shadow 200ms ease-out !important;
}
.template_detail .productList .swiper .swiper_link.focus-visible {
    box-shadow: none !important;
    outline: 0 !important;
}
.template_detail .productList .swiper .swiper_link.focus-visible .texto-encima {
    box-shadow: 0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255))) !important;
    outline: 2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17))) !important;
    outline-offset: 2px !important;
    transition: outline 200ms ease-out, box-shadow 200ms ease-out !important;
}

.appointment-container sk-card:hover h2,
#stepsFormPAX sk-card:hover h2,
#stepsFormSkytta sk-card:hover h2 {
    text-decoration: none;
}
.appointment-container .boxSelect[data-box] .card,
#stepsFormPAX .boxSelect[data-box] .card,
#stepsFormSkytta .boxSelect[data-box] .card {
    outline: 0;
}
.appointment-container .boxSelect[data-box] .card:hover,
#stepsFormPAX .boxSelect[data-box] .card:hover,
#stepsFormSkytta .boxSelect[data-box] .card:hover {
    outline: 0;
}
.appointment-container sk-choice .card,
.appointment-container .wc-choice .card,
#stepsFormPAX sk-choice .card,
#stepsFormPAX .wc-choice .card,
#stepsFormSkytta sk-choice .card,
#stepsFormSkytta .wc-choice .card {
    text-align: justify;
    padding-top: 1.25rem;
}
.appointment-container sk-choice .card-body,
.appointment-container .wc-choice .card-body,
#stepsFormPAX sk-choice .card-body,
#stepsFormPAX .wc-choice .card-body,
#stepsFormSkytta sk-choice .card-body,
#stepsFormSkytta .wc-choice .card-body {
    padding: 0;
}
.appointment-container .step h1,
#stepsFormPAX .step h1,
#stepsFormSkytta .step h1 {
    text-align: center;
}

#personal_info_lastStep .heading-wrapp {
    margin-bottom: 0.5rem;
}
#personal_info_lastStep .heading-wrapp wc-icon {
    width: 2.5rem;
    height: 2.5rem;
    color: #0a8a00;
}

#personal_info input[type=checkbox] {
    transform: scale(1) !important;
}
#personal_info sk-input-field .intl-tel-input .form-control:focus {
    box-shadow: none;
}

.appointment-container sk-card:hover h2,
#stepsFormPAX sk-card:hover h2,
#stepsFormSkytta sk-card:hover h2 {
    text-decoration: none;
}
.appointment-container .boxSelect[data-box] .card,
#stepsFormPAX .boxSelect[data-box] .card,
#stepsFormSkytta .boxSelect[data-box] .card {
    outline: 0;
}
.appointment-container .boxSelect[data-box] .card:hover,
#stepsFormPAX .boxSelect[data-box] .card:hover,
#stepsFormSkytta .boxSelect[data-box] .card:hover {
    outline: 0;
}
.appointment-container sk-choice .card,
.appointment-container .wc-choice .card,
#stepsFormPAX sk-choice .card,
#stepsFormPAX .wc-choice .card,
#stepsFormSkytta sk-choice .card,
#stepsFormSkytta .wc-choice .card {
    text-align: justify;
    padding-top: 1.25rem;
}
.appointment-container sk-choice .card-body,
.appointment-container .wc-choice .card-body,
#stepsFormPAX sk-choice .card-body,
#stepsFormPAX .wc-choice .card-body,
#stepsFormSkytta sk-choice .card-body,
#stepsFormSkytta .wc-choice .card-body {
    padding: 0;
}
.appointment-container .step h1,
#stepsFormPAX .step h1,
#stepsFormSkytta .step h1 {
    text-align: center;
}

#personal_info_lastStep .heading-wrapp {
    margin-bottom: 0.5rem;
}
#personal_info_lastStep .heading-wrapp wc-icon {
    width: 2.5rem;
    height: 2.5rem;
    color: #0a8a00;
}

.appointment-container .step .inputWrapper > .cm {
    position: relative;
    top: 45px;
    right: 41px;
    opacity: 1;
}
.appointment-container .step .labelRange {
    margin-top: 0.5rem;
}

/* ------------------------ Variables ------------------------ */
:root {
    --modal-transition: 0.3s ease-out;
    --modal-margin-top-small: 0.5rem;
    --modal-margin-top-medium: 1rem;
    --modal-icon-height-initial: 2.5rem;
    --modal-icon-height-success: 5rem;
    --modal-footer-padding: 0.5rem 0;
    --modal-padding: 1rem 0;
    --modal-max-width: 75%;
}

/* ------------------------ Media Query Mixins ------------------------ */
/* ------------------------ Modal Base Styles ------------------------ */
#modalSavelist, #abandonCart {
    border: 0;
    transition: transform var(--modal-transition);
}
#modalSavelist .wc-card, #abandonCart .wc-card {
    width: 100%;
    cursor: default;
}
#modalSavelist .wc-card .shoppingCart, #abandonCart .wc-card .shoppingCart {
    position: relative;
}
#modalSavelist .wc-card .shoppingCart .wc-badge, #abandonCart .wc-card .shoppingCart .wc-badge {
    position: absolute;
    bottom: 6px;
    left: 22px;
    padding: 0;
    border: 0;
}
#modalSavelist .wc-card .modal-mt-2, #abandonCart .wc-card .modal-mt-2 {
    margin-top: var(--modal-margin-top-small);
}
#modalSavelist .wc-card .modal-mt-3, #abandonCart .wc-card .modal-mt-3 {
    margin-top: var(--modal-margin-top-medium);
}
#modalSavelist .wc-card .modal-margin-auto, #abandonCart .wc-card .modal-margin-auto {
    margin-left: auto !important;
    margin-right: auto !important;
}
#modalSavelist .wc-card .modal-hidden, #abandonCart .wc-card .modal-hidden {
    visibility: hidden;
}
#modalSavelist .wc-card .modal-align-left, #abandonCart .wc-card .modal-align-left {
    margin-left: 0;
    text-align: start;
}
#modalSavelist .wc-card .modal-width-l, #abandonCart .wc-card .modal-width-l {
    width: 100%;
}
#modalSavelist .wc-card .modal-link, #abandonCart .wc-card .modal-link {
    padding: var(--modal-padding);
}
#modalSavelist .wc-card .modal-link span:last-child, #abandonCart .wc-card .modal-link span:last-child {
    display: none;
}
#modalSavelist .wc-card [data-box=initial] .wc-icon, #modalSavelist .wc-card [data-box=success] .wc-icon, #abandonCart .wc-card [data-box=initial] .wc-icon, #abandonCart .wc-card [data-box=success] .wc-icon {
    width: 100%;
    margin-bottom: var(--modal-margin-top-small);
}
#modalSavelist .wc-card [data-box=initial] .wc-icon, #abandonCart .wc-card [data-box=initial] .wc-icon {
    height: var(--modal-icon-height-initial);
}
#modalSavelist .wc-card [data-box=success] .wc-icon, #modalSavelist .wc-card .notification-response .wc-icon, #abandonCart .wc-card [data-box=success] .wc-icon, #abandonCart .wc-card .notification-response .wc-icon {
    height: var(--modal-icon-height-success);
}
@media (max-width: 1200px) {
    #modalSavelist .wc-card .modal-margin-auto, #abandonCart .wc-card .modal-margin-auto {
        max-width: 100%;
    }
    #modalSavelist .wc-card .notification-response, #abandonCart .wc-card .notification-response {
        left: 0;
        width: 100%;
    }
    #modalSavelist .wc-card .wc-aspect-ratio-box, #abandonCart .wc-card .wc-aspect-ratio-box {
        display: none;
    }
}
#modalSavelist .modal_footer, #abandonCart .modal_footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin-top: var(--modal-margin-top-medium);
    padding: 1cap 0 !important;
    width: 100%;
}
#modalSavelist .modal_footer .wc-button, #abandonCart .modal_footer .wc-button {
    padding: var(--modal-footer-padding);
}
#modalSavelist .modal_footer .modal_form_step1, #abandonCart .modal_footer .modal_form_step1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
#modalSavelist .modal_footer .modal_form_step2, #abandonCart .modal_footer .modal_form_step2 {
    display: none;
}
@media (max-width: 1200px) {
    #modalSavelist .modal_footer, #abandonCart .modal_footer {
        margin-top: 0;
    }
}

/* ------------------------ Specific Modal Styles ------------------------ */
#abandonCart .abandonCart-icon-wrapp {
    position: relative;
}
#abandonCart .modal-content .wc-card [data-box=success] {
    display: none;
}
#abandonCart .modal-content .wc-card [data-box=initial] {
    display: block;
}
#abandonCart .modal-content .wc-card::part(content-card), #abandonCart .modal-content .wc-card::part(container) {
    padding-inline-end: 0;
    max-width: none;
}
#abandonCart .modal-content .wc-card .legal-wrapper {
    margin: 0.5rem 0;
}
@media (max-width: 1200px) {
    #abandonCart .modal-content .wc-card .legal-wrapper {
        margin: 0;
    }
}
@media (max-width: 1200px) {
    #abandonCart .modal-content .wc-card::part(content-card) {
        padding: 0;
        margin-top: -6px;
    }
    #abandonCart .modal-content .wc-card::part(headers) {
        margin-bottom: 0;
    }
    #abandonCart .modal-content .wc-card::part(body) {
        margin-top: 0;
    }
}
#abandonCart .modal-content.success .wc-card [data-box=success] {
    display: block;
}
#abandonCart .modal-content.success .wc-card [data-box=initial] {
    display: none;
}
#abandonCart.success .modal_footer .modal_form_step1 {
    display: none;
}
#abandonCart.success .modal_footer .modal_form_step2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#modalSavelist .wc-card::part(content-card) {
    padding-inline-end: 0;
}
#modalSavelist .save-list-modal {
    position: relative;
}
#modalSavelist .rightSentReponse .wc-icon {
    width: 100%;
    height: var(--modal-icon-height-initial);
}
#modalSavelist.success .modal_footer .modal_form_step1 {
    display: none;
}
#modalSavelist.success .modal_footer .modal_form_step2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
#modalSavelist .modalSavelist-forms h1 {
    font-size: 1.5rem;
    margin-bottom: 0.75rem;
}
#modalSavelist .modalSavelist-forms p {
    font-size: 1rem;
}
#modalSavelist .modalSavelist-forms hr.divider {
    margin-block: 2.5rem;
}
#modalSavelist .modalSavelist-forms #savelist-form-email #modalSavelist_email-field {
    margin-bottom: 0.75rem;
}
#modalSavelist .modalSavelist-forms #savelist-form-email > div {
    color: #111;
    margin-bottom: 1rem;
}
#modalSavelist .modalSavelist-forms #savelist-form-email > div .link {
    color: #111;
}
#modalSavelist .modalSavelist-form {
    margin: 1rem 0;
    width: 100%;
}
#modalSavelist .modalSavelist-form .form-row {
    margin: 0;
}
@media (max-width: 1200px) {
    #modalSavelist .modalSavelist-form {
        max-width: none;
    }
}
@media (max-width: 1200px) {
    #modalSavelist .wc-card::part(content-card) {
        padding: 0;
    }
    #modalSavelist .wc-card::part(container) {
        max-width: 100%;
    }
}

/* ------------------------ Animations ------------------------ */
@keyframes modalFadeIn {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
#modalSavelist.modal.fade, #abandonCart.modal.fade {
    opacity: 0;
    transition: opacity var(--modal-transition);
}

#modalSavelist.modal.fade.show, #abandonCart.modal.fade.show {
    animation: modalFadeIn var(--modal-transition) forwards;
}

/* input add product by partnumber */
#addPartNumber-field input {
    border: none !important;
    box-shadow: none !important;
}
#addPartNumber-field .wc-helper-text {
    position: absolute;
}

.addItemListShoppingCart {
    margin-bottom: 0.45rem;
}

.shoppingcart-list-wrapper {
    border-top: 1px solid #dfdfdf;
}
.shoppingcart-list-wrapper--nostock {
    border-top: 0;
}

.shoppingcart-list-wrapper, .intemInfo-wrapper {
    position: relative;
}

#processOrder .item__header .iconbox {
    cursor: pointer;
}

.delete-item-undo-message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    background-color: #EEEEEE;
    padding: 1.5rem;
    text-align: left;
    align-items: center;
}
.delete-item-undo-message a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 0.5rem;
    cursor: pointer;
    padding: 0 0.25rem;
}
@media (max-width: 767.98px) {
    .delete-item-undo-message a {
        display: block;
        padding-top: 10px;
    }
}

.capitalize {
    text-transform: capitalize;
}

.choice-container {
    width: 100%;
}

.wc-choice {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1rem;
}

.choice-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    gap: 1rem;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    text-align: left;
}
.choice-item .choice-icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    align-items: center;
}
.choice-item .choice-text {
    flex-direction: column;
}
.choice-item .choice-text .link-underline,
.choice-item .choice-text .btn-link {
    pointer-events: none;
    color: #484848;
}

.process-order-selector {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    width: 100%;
}
.process-order-cc-content {
    border: 1px solid #dfdfdf;
    border-top: 0;
}
.process-order-hd-content, .process-order-cc-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    gap: 1rem;
    align-items: center;
}
.process-order-hd-header, .process-order-cc-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1.25rem;
    align-items: center;
    width: 100%;
    background-color: #F5F5F5;
    padding: 1rem;
    border: 1px solid #dfdfdf;
}
.process-order-hd-header__title, .process-order-cc-header__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    gap: 1rem;
    width: 100%;
}
.process-order-hd-header__title wc-icon, .process-order-cc-header__title wc-icon {
    min-width: 24px;
}
.process-order-hd-header--usvi, .process-order-cc-header--usvi {
    flex-direction: column;
    gap: 1.5rem;
    align-items: start;
}
.process-order-hd-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
}
.process-order-hd-content .cc-shop-option-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    width: 100%;
}
.process-order-hd-select {
    background-color: #F5F5F5;
    padding: 2rem 1.5rem;
}
.process-order-hd-select #delivery_postalcode-field label {
    color: #484848;
}
.process-order-hd-address {
    background-color: #ffffff;
}
.process-order-hd-address .wc_radio_group {
    border: 1px solid #dfdfdf;
    border-top: 0;
    padding: 0 1rem;
}
.process-order-cc-content {
    padding: 1rem;
}

.cc-shop-details, .cc-shop-details-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    align-items: start;
    flex-direction: row;
    gap: 1rem;
}
.cc-shop-details-text {
    flex-direction: column;
    gap: 0.5rem;
}
@media (max-width: 576px) {
    .cc-shop-details:has(.deliveryMap) {
        flex-direction: column;
    }
}

.process-order-cc .deliveryMap[data-map="1"] {
    min-width: 50%;
    max-width: 100%;
}
@media (min-width: 992px) {
    .process-order-cc .deliveryMap {
        text-align: right;
        min-width: 50%;
        max-width: 100%;
    }
}
.process-order-cc .deliveryMap .body__map {
    text-align: right;
}
.process-order-cc .deliveryMap .body__map > div {
    width: 100% !important;
    max-width: 400px;
    overflow: hidden;
}
@media (min-width: 992px) {
    .process-order-cc .deliveryMap .body__map > div {
        margin-left: auto;
    }
}
.process-order-cc .deliveryMap img {
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    max-height: 320px;
    max-width: 400px;
}
@media (max-width: 576px) {
    .process-order-cc .deliveryMap {
        width: 100%;
    }
    .process-order-cc .deliveryMap img {
        -o-object-fit: cover;
           object-fit: cover;
        max-height: 225px;
        width: 100%;
    }
}
.process-order-cc .deliveryMap .leaflet-pane {
    z-index: auto;
}
.process-order-cc .deliveryMap .leaflet-top {
    z-index: 1;
}

/* ==========================================================================
    WC Radio Group Layout
   ========================================================================== */
/* Default layout
    - Label and map displayed side by side (50% / 50%)
*/
.wc_radio_group__label-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1.5rem;
    flex-wrap: wrap;
}
.wc_radio_group__label-wrapper .cc-shop-option__label {
    flex: 1;
    margin-bottom: 2px;
}
.wc_radio_group__label-wrapper .cc-shop-option__map {
    margin-bottom: 1rem;
    flex-shrink: 0;
    min-width: 50%;
    max-width: 100%;
}
.wc_radio_group__label-wrapper .cc-shop-option-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
}

/* Side modal override
    - Forces vertical layout for limited horizontal space
*/
.sidemodal .wc_radio_group__label-wrapper {
    flex-direction: column;
    gap: 0.5rem;
}

/* Checkout responsive behavior
    - Switches to vertical layout below 1200px
*/
@media (max-width: 1199.98px) {
    .checkoutContent .wc_radio_group__label-wrapper {
        flex-direction: column;
        gap: 0.5rem;
    }
}

/* Shopping cart responsive behavior
    - Uses larger spacing due to stacked cart layout
*/
@media (max-width: 991.98px) {
    .container.cart .wc_radio_group__label-wrapper {
        flex-direction: column;
        gap: 1rem;
    }
}

.cc-shop-details,
.cc-shop-details-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}

.cc-shop-details-text {
    flex-direction: column;
    gap: 0.5rem;
}
.cc-shop-details-text li {
    margin-left: 0 !important;
    margin-bottom: 0.5rem;
}
.cc-shop-details-text ul {
    margin-bottom: 1.5rem;
    list-style-type: none;
}
.cc-shop-details-text .btn-link.ml-5 {
    margin-left: 0 !important;
}

.cc-shop-message {
    display: block;
}

.content__postalcode {
    width: 100%;
}
.content__postalcode .postalcode_inputbox .wc-select-search label {
    white-space: normal;
}

.delivery-instructions-container,
.wc_radio_group {
    display: block;
    padding: 0.5rem;
}

.delivery-instructions-zone {
    margin-bottom: 0.5rem;
}

#address-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
#address-form sk-input-field label span {
    color: #727272;
}
#address-form wc-select-search {
    position: relative;
    --text-color: #111;
}
#address-form p {
    margin-top: 1rem;
}
#address-form input[type=submit] {
    display: none;
}

#address-instructions {
    width: 100%;
}
#address-instructions textarea {
    height: 8.75rem;
}

#delivery-instructions-zone,
.delivery-instructions-zone,
#delivery-instructions-zoneMobile {
    margin-top: 1.25rem;
}
#delivery-instructions-zone #delivery-show-more-address-link,
#delivery-instructions-zone #delivery-show-more-address-linkMobile,
#delivery-instructions-zone #delivery-show-less-address-link,
#delivery-instructions-zone #delivery-show-less-address-linkMobile,
#delivery-instructions-zone #delivery-instructions-link,
.delivery-instructions-zone #delivery-show-more-address-link,
.delivery-instructions-zone #delivery-show-more-address-linkMobile,
.delivery-instructions-zone #delivery-show-less-address-link,
.delivery-instructions-zone #delivery-show-less-address-linkMobile,
.delivery-instructions-zone #delivery-instructions-link,
#delivery-instructions-zoneMobile #delivery-show-more-address-link,
#delivery-instructions-zoneMobile #delivery-show-more-address-linkMobile,
#delivery-instructions-zoneMobile #delivery-show-less-address-link,
#delivery-instructions-zoneMobile #delivery-show-less-address-linkMobile,
#delivery-instructions-zoneMobile #delivery-instructions-link {
    display: block;
    font-size: 1rem;
    color: #111;
    text-decoration: underline;
    cursor: pointer;
}
#delivery-instructions-zone #delivery-show-more-address-link.button,
#delivery-instructions-zone #delivery-show-more-address-linkMobile.button,
#delivery-instructions-zone #delivery-show-less-address-link.button,
#delivery-instructions-zone #delivery-show-less-address-linkMobile.button,
#delivery-instructions-zone #delivery-instructions-link.button,
.delivery-instructions-zone #delivery-show-more-address-link.button,
.delivery-instructions-zone #delivery-show-more-address-linkMobile.button,
.delivery-instructions-zone #delivery-show-less-address-link.button,
.delivery-instructions-zone #delivery-show-less-address-linkMobile.button,
.delivery-instructions-zone #delivery-instructions-link.button,
#delivery-instructions-zoneMobile #delivery-show-more-address-link.button,
#delivery-instructions-zoneMobile #delivery-show-more-address-linkMobile.button,
#delivery-instructions-zoneMobile #delivery-show-less-address-link.button,
#delivery-instructions-zoneMobile #delivery-show-less-address-linkMobile.button,
#delivery-instructions-zoneMobile #delivery-instructions-link.button {
    border: none;
    background-color: transparent;
    padding: 0;
}
#delivery-instructions-zone #edit-delivery-instructions-zone p,
.delivery-instructions-zone #edit-delivery-instructions-zone p,
#delivery-instructions-zoneMobile #edit-delivery-instructions-zone p {
    margin: 0;
}
#delivery-instructions-zone #edit-delivery-instructions-zone p::before, #delivery-instructions-zone #edit-delivery-instructions-zone p::after,
.delivery-instructions-zone #edit-delivery-instructions-zone p::before,
.delivery-instructions-zone #edit-delivery-instructions-zone p::after,
#delivery-instructions-zoneMobile #edit-delivery-instructions-zone p::before,
#delivery-instructions-zoneMobile #edit-delivery-instructions-zone p::after {
    content: '"';
}

#delivery-instructions-zoneMobile {
    margin-top: 1.25rem;
    margin-bottom: 1rem;
}
#delivery-instructions-zoneMobile #delivery-instructions-linkMobile {
    display: block;
    font-size: 1rem;
    color: #111; /* <button> need set color for iphone */
    text-decoration: underline;
    cursor: pointer;
}
#delivery-instructions-zoneMobile #delivery-instructions-linkMobile.button {
    border: none;
    background-color: transparent;
    padding: 0;
}

.new-address-zone {
    width: 100%;
}
.new-address-zone .address-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    padding: 2.5rem;
    border: solid 1px #DFDFDF;
}
.process-order-selector .new-address-zone .address-form {
    border: none;
}
@media screen and (max-width: 991px) {
    .new-address-zone .address-form {
        padding: 1.5rem;
    }
}
.new-address-zone .address-footer {
    padding: 1.5rem;
    border: solid 1px #DFDFDF;
    border-top: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: end;
}
.new-address-zone wc-select-search {
    position: relative;
}

#edit-address-link,
#edit-address-linkMobile {
    display: block;
    margin-top: 1rem !important;
    color: #0058A3;
    font-weight: bold;
    cursor: pointer;
    --height: auto;
}
#edit-address-link.wc-button,
#edit-address-linkMobile.wc-button {
    border: none;
    background-color: transparent;
    padding: 0;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
}

.link[role=button], .link--subtle[role=button] {
    cursor: pointer;
}

#ikeabusinessContact .wc-card .form_row {
    margin-bottom: 1.5rem;
}
@media (max-width: 767.98px) {
    #ikeabusinessContact .wc-card .form_row {
        row-gap: 1rem;
        margin-bottom: 0;
        margin-top: 1rem;
    }
}
#ikeabusinessContact .wc-card h2 {
    text-decoration: none;
}
#ikeabusinessContact .wc-card sk-select {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
}
#ikeabusinessContact .wc-card sk-select label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
#ikeabusinessContact .wc-card sk-select .select2-container {
    height: 3rem;
}
#ikeabusinessContact .wc-card sk-select .select2-selection.select2-selection--single {
    border: 0;
}
#ikeabusinessContact .wc-card sk-select .select2-selection__arrow {
    display: none;
}
#ikeabusinessContact .wc-card textarea.form-control:focus {
    box-shadow: inset 0 0 0 1px transparent;
}
#ikeabusinessContact .wc-card sk-input-field {
    width: 100%;
}
#ikeabusinessContact .wc-card sk-input-field #phone {
    border: 0;
}
#ikeabusinessContact .wc-card sk-input-field .intl-tel-input.allow-dropdown .flag-container,
#ikeabusinessContact .wc-card sk-input-field .intl-tel-input.separate-dial-code .flag-container {
    left: -8px;
}
#ikeabusinessContact .wc-card sk-input-field input,
#ikeabusinessContact .wc-card sk-input-field .flag-container input {
    border: none;
    width: 100%;
    height: 3rem;
    box-shadow: none;
}
#ikeabusinessContact .wc-card sk-input-field input:-internal-autofill-selected,
#ikeabusinessContact .wc-card sk-input-field .flag-container input:-internal-autofill-selected {
    background-color: #ffffff !important;
}
#ikeabusinessContact .wc-card sk-input-field .intl-tel-input {
    width: 100%;
}
#ikeabusinessContact .wc-card .publicityInfo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

#businessForm sk-input-field, #businessForm sk-select {
    width: 100%;
}
#businessForm sk-input-field .intl-tel-input.allow-dropdown .flag-container,
#businessForm sk-input-field .intl-tel-input.separate-dial-code .flag-container {
    left: -8px;
}
#businessForm sk-input-field input {
    border: none;
    width: 100%;
    height: 3rem;
    box-shadow: none;
}
#businessForm sk-input-field input:-internal-autofill-selected {
    background-color: #ffffff !important;
}
#businessForm sk-input-field .intl-tel-input {
    width: 100%;
}
#businessForm fieldset {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
}
@media (max-width: 767px) {
    #businessForm fieldset .row {
        row-gap: 1rem;
    }
}
#businessForm sk-select {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
}
#businessForm sk-select label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#advantages-section .advantage-text {
    position: relative;
    padding-left: 6rem;
}
#advantages-section .advantage-circle {
    position: absolute;
    left: 0;
    top: 0;
}
#advantages-section .advantage-circle .icon {
    color: rgb(72, 72, 72);
}

#ikea-join-tab {
    --skapa-carousel-item-gap: auto;
}

.wc-tabs > .tabs-margin {
    padding-bottom: 30px;
}

.ikeabusiness .advantages-section .advantage-item .advantage-circle .icon {
    font-size: 1.8em;
}
.ikeabusiness .advantages-section .align_button_sign_up {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: end;
}
@media (max-width: 767.98px) {
    .ikeabusiness .advantages-section .align_button_sign_up {
        justify-content: start;
        margin-top: 1.5rem;
    }
    .ikeabusiness .advantages-section .align_button_sign_up .wc_button {
        width: 100%;
    }
}
.ikeabusiness .align_client_access {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: end;
}
@media (max-width: 767.98px) {
    .ikeabusiness .align_client_access {
        justify-content: start;
    }
}
.ikeabusiness .button_wide .wc_button {
    width: 100%;
    margin-top: 1rem;
}
.ikeabusiness .wc_inline_message {
    max-width: 60%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1.5rem;
}

.islandSelector .txtWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    row-gap: 4rem;
}
@media (max-width: 767.98px) {
    .islandSelector .txtWrapper {
        row-gap: 1.5rem;
    }
}
@media (max-width: 767.98px) {
    .islandSelector .bgWrapper {
        height: 100% !important;
    }
}

#officialInvoiceForm sk-input-field #phone {
    border: 0;
}
#officialInvoiceForm sk-input-field .intl-tel-input {
    width: 100%;
}
#officialInvoiceForm sk-input-field .intl-tel-input.allow-dropdown .flag-container, #officialInvoiceForm sk-input-field .intl-tel-input.separate-dial-code .flag-container {
    left: -8px;
}
#officialInvoiceForm sk-input-field input,
#officialInvoiceForm sk-input-field .flag-container input {
    border: none;
    width: 100%;
    height: 3rem;
    box-shadow: none;
}
#officialInvoiceForm sk-input-field input:-internal-autofill-selected,
#officialInvoiceForm sk-input-field .flag-container input:-internal-autofill-selected {
    background-color: #ffffff !important;
}
#officialInvoiceForm .tab-content #tabs-officialInvoice .tab-pane {
    box-sizing: border-box;
}
#officialInvoiceForm .contentAddAnotherInvoice {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
#officialInvoiceForm #invoice_step {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    row-gap: 0.5rem;
}
#officialInvoiceForm #invoice_step sk-icon-button {
    margin-top: 2rem;
}
#officialInvoiceForm #invoice_step .contentAddAnotherInvoice {
    padding-bottom: 0.5rem;
}
#officialInvoiceForm #invoice_step .contentAddAnotherInvoice .wc_button {
    --foreground: #0058A3;
}
#officialInvoiceForm .wc-select {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
}
#officialInvoiceForm .wc-select label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
#officialInvoiceForm .wc-select .select2 {
    width: 100% !important;
    height: 3rem !important;
}
#officialInvoiceForm .wc-select .select2 .select2-selection--single {
    border: 0;
}
#officialInvoiceForm .wc-select .select2 .select2-selection--single .select2-selection__arrow {
    display: none !important;
}
#officialInvoiceForm #clientDocumentBtn {
    margin-top: 1rem;
}
#officialInvoiceForm input[type=checkbox] {
    height: 1.5rem;
}
#officialInvoiceForm .form_checks .form-group {
    margin-bottom: 0;
}

#oi_response .clientType_wrapper .radio_wrapper .iradio_minimal-aero.focus {
    box-shadow: 0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255)));
    outline: 2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17)));
    outline-offset: 2px;
    transition: outline 200ms ease-out, box-shadow 200ms ease-out;
}

#returnsPolicyForm sk-input-field,
#returnsPolicyForm sk-select {
    width: 100%;
}
#returnsPolicyForm sk-input-field #phone {
    border: 0;
}
#returnsPolicyForm sk-input-field .intl-tel-input {
    width: 100%;
}
#returnsPolicyForm sk-input-field .intl-tel-input.allow-dropdown .flag-container, #returnsPolicyForm sk-input-field .intl-tel-input.separate-dial-code .flag-container {
    left: -8px;
}
#returnsPolicyForm sk-input-field input,
#returnsPolicyForm sk-input-field .flag-container input {
    border: none;
    width: 100%;
    height: 3rem;
    box-shadow: none;
}
#returnsPolicyForm sk-input-field input:-internal-autofill-selected,
#returnsPolicyForm sk-input-field .flag-container input:-internal-autofill-selected {
    background-color: #ffffff !important;
}
#returnsPolicyForm sk-select {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
}
#returnsPolicyForm sk-select label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
#returnsPolicyForm sk-select .select2 {
    width: 100% !important;
}
#returnsPolicyForm sk-select .select2 .select2-selection--single {
    border: 0;
}
#returnsPolicyForm .article {
    row-gap: 1rem !important;
}
#returnsPolicyForm .article .removeArticle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
}
#returnsPolicyForm .form-group {
    row-gap: 0.5rem;
}
#returnsPolicyForm .form-group input:focus {
    box-shadow: none !important;
}
#returnsPolicyForm .form-group.addArticle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: end;
}
#returnsPolicyForm .form_refund_article {
    row-gap: 1rem;
}
#returnsPolicyForm .remove_hide {
    display: none !important;
}
#returnsPolicyForm .publicityInfo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.bottomPage.hidden {
    display: none;
}

.dataArco,
.dataLopdDelegate {
    margin-top: 0;
}
.dataArco textarea,
.dataLopdDelegate textarea {
    height: 150px;
}

#arcoForm .wc-input-field,
#arcoForm .wc-select,
#lopdDelegate .wc-input-field,
#lopdDelegate .wc-select {
    width: 100%;
}
@media (max-width: 767.98px) {
    #arcoForm .wc_button,
    #lopdDelegate .wc_button {
        margin-top: 1rem;
    }
}
#arcoForm .wc-checkbox-group .wc-caption a,
#lopdDelegate .wc-checkbox-group .wc-caption a {
    color: #0058A3 !important;
}

.inspirations-container .inspirationList:has(.wc-pill),
.presentationContainer .inspirationList:has(.wc-pill) {
    overflow: visible;
}
.inspirations-container #inspirationContainer .tags-container,
.presentationContainer #inspirationContainer .tags-container {
    -moz-column-gap: 0.5rem;
         column-gap: 0.5rem;
    margin-top: 1rem;
    font-size: 12px;
}

#tagContainer.tag_wrapper:has(.wc-pill) {
    overflow: visible;
}
#tagContainer.tag_wrapper:has(.wc-pill) .btn-ellipsis--inspiration {
    display: block;
    min-width: -moz-fit-content;
    min-width: -webkit-fit-content;
    min-width: fit-content;
}

.tagContainer {
    box-sizing: border-box;
    width: auto;
    flex-wrap: nowrap;
    align-items: center;
}
.tagContainer.wrap, .tagContainer.wrapFirstSelected {
    flex-wrap: wrap !important;
    width: 100%;
}
.tagContainer sk-pill {
    flex-shrink: 0;
}
.tagContainer sk-pill > span {
    font-weight: 400;
}
.tagContainer sk-pill > span.counter {
    margin-left: 0.5rem;
    padding-left: 0.5rem;
    border-left: 1px solid rgba(17, 17, 27, 0.5);
    line-height: 1.3;
}
.tagContainer .btn-outline-dark.active span.counter, .tagContainer .btn-outline-dark:hover span.counter {
    border-color: #fff;
}

.client_account .col-account-content #clientAccountContainer {
    height: 100%;
}
.client_account .col-account-content #clientAccountContainer .tab-pane {
    height: inherit;
}
.client_account .col-account-content #clientAccountContainer .tab-pane #mydashboard--container,
.client_account .col-account-content #clientAccountContainer .tab-pane #lists--container,
.client_account .col-account-content #clientAccountContainer .tab-pane #orders--container {
    display: none;
}
.client_account .col-account-content .advantage-text h2.text--heading-s {
    font-size: initial;
}
.client_account .col-account-content .blue-box-congrats,
.client_account .col-account-content .white-box-congrats {
    min-height: 350px;
}
.client_account .col-account-content .blue-box-congrats .wc-card,
.client_account .col-account-content .white-box-congrats .wc-card {
    width: 100%;
    min-height: 350px;
}
.client_account .col-account-content .blue-box-congrats .wc-card::part(content-card),
.client_account .col-account-content .white-box-congrats .wc-card::part(content-card) {
    padding: 2.5rem;
}
.client_account .col-account-content .blue-box-congrats .wc-card::part(body) {
    margin-top: 0.75rem;
    line-height: 1.5;
}
.client_account .col-account-content .blue-box-congrats .wc-card h2 {
    font-size: inherit;
    color: #ffdb00;
    margin-bottom: 0;
}
.client_account .col-account-content .blue-box-congrats .wc-card p.subtitle {
    letter-spacing: -0.21px;
    line-height: 1.25;
}
.client_account .form-group.macroSelect-input-group select.custom-select:focus-visible {
    border: 1px solid #0058A3 !important;
    box-shadow: 0 0 0 1px #0058A3 !important;
}
.client_account .tab-content #presentationTabs .tab-pane {
    box-sizing: border-box;
}
.client_account .wc-input-field {
    width: 100%;
}
.client_account .wc-input-field input {
    border: none !important;
    padding: 0 !important;
}
.client_account .pagination .icon-chevron-right, .client_account .pagination .page-link {
    color: #111111;
}
.client_account .itemOldPrice {
    color: #484848;
}
.client_account #lists .wc-tabs.nav {
    flex-wrap: nowrap;
}
.client_account #lists .list-wrap .list-item {
    background-color: transparent;
    border: 0;
}
.client_account #lists .list-wrap .list-item .sk_text {
    text-align: end;
}
.client_account #lists .list-wrap .list-item .sk_text .text {
    font-size: 1rem;
    color: #767676;
    display: none;
}
.client_account #lists .list-wrap .list-item .sk_expandToggleIcon sk-icon {
    transition: transform 0.2s ease;
}
.client_account #lists .list-wrap .list-item[aria-expanded=true] .sk_text .text {
    display: block;
}
.client_account #lists .list-wrap .list-item .edit-small_icon {
    opacity: 0;
    transition: opacity 0.3s ease;
    margin-left: 0.25rem;
}
.client_account #lists .list-wrap .list-item .edit-small_icon .wc-icon {
    height: 1rem;
}
.client_account #lists .list-wrap .list-item .edit-small_icon:focus {
    opacity: 1;
}
.client_account #lists .list-wrap .list-item:hover .edit-small_icon {
    opacity: 1;
}
.client_account #lists .list-wrap .list-item .listInputComponent__fieldset .wc-icon--green {
    color: #0a8a00;
}
.client_account #lists .list-wrap .list-item .listInputComponent__fieldset .wc-icon--red {
    color: #e00751;
}
.client_account #lists .list-wrap .collapse_expand .expand-content .account-collapse_product-list.list > p {
    color: #767676 !important;
}
.client_account #lists .list-wrap .list_actions {
    justify-content: flex-end;
    flex-direction: row;
}
@media (max-width: 1199.98px) {
    .client_account #lists .list-wrap .list {
        padding-inline-start: 0;
    }
}
.client_account #lists .lists-header_action .wc-button.deleteList {
    --foreground: #0058A3;
}
.client_account #lists .lists-header_action .wc-button.deleteList .wc-icon {
    color: #0058A3;
}
.client_account #lists .lists-header_form .wc-input-field {
    width: 90%;
    margin-right: 1rem;
    position: relative;
}
@media (min-width: 576px) {
    .client_account #lists .lists-header_form .wc-input-field {
        width: 60%;
    }
}
.client_account #lists .lists-header_form .wc_button {
    width: 60%;
    margin-top: 1.5rem;
}
@media (min-width: 576px) {
    .client_account #lists .lists-header_form .wc_button {
        width: 40%;
    }
}
.client_account #lists .lists-header_form .wc-helper-text {
    position: absolute;
}
.client_account #favourites .addToCart {
    padding: 0 0;
}
.client_account #favourites .your-favourites .favourites-content .favourites-list .item .row [class*=col] .actionbox .actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.client_account #favourites .favAction.unSelectAll {
    --skapa-carousel-item-gap: 0;
}
.client_account #orders .purchase-details.your-orders .order-item_header {
    width: 100%;
    background: none;
    border: none;
}
.client_account #orders .item-wrap .order-item_header {
    width: 100%;
    background-color: transparent;
    border: 0;
    color: #484848;
}
.client_account #orders .item-wrap .order-item_header .order_title_content {
    text-align: start;
    padding-left: 0;
}
.client_account #orders .item-wrap .order-item_header .sk_expandToggleIcon sk-icon {
    transition: transform 0.2s ease;
}
.client_account #orders .item-wrap a.focus-visible img {
    box-shadow: 0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255))) !important;
    outline: 2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17))) !important;
    outline-offset: 2px !important;
    transition: outline 200ms ease-out, box-shadow 200ms ease-out !important;
}
.client_account #orders .item-wrap .sk-icon-button_container {
    height: 40px;
    width: 40px;
    border-radius: 10rem;
    color: #111111;
}
.client_account #orders .item-wrap .sk-icon-button_container:hover {
    background-color: #f5f5f5;
}
.client_account #orders .item-wrap .sk-icon-button_container:active {
    background-color: #DFDFDF;
}
.client_account #familyjoin a[data-type=ikeaFamilyRegisterMyAccount] {
    text-decoration: underline;
}
.client_account #familyvoucher a {
    text-decoration: underline;
}
@media (min-width: 1200px) {
    .client_account #familycard #advantages-section .advantage-text h2 {
        font-size: initial;
    }
}
.client_account #familycard .cash-progess-bar--label {
    color: inherit;
}
.client_account #familycard .download-action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    gap: 1rem;
    margin-top: 1rem;
    flex-wrap: wrap;
}
.client_account #familycard .download-action__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10rem;
    padding-inline: 0.5rem;
    min-height: 2.5rem;
    transition-property: transform;
    transition-duration: 0.25s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.4, 1);
}
.client_account #familycard .download-action__link:active {
    transform: scale(0.97);
}
.client_account #familycard .download-action__link--apple {
    background: #111;
}
.client_account #familycard .download-action__link--google {
    background: #201f1f;
}
.client_account #familycard .download-action__link-img {
    border-radius: 10rem;
    max-height: 2.5rem;
}
.client_account #familycard .download-action__link-img--apple {
    clip-path: inset(3px);
}
.client_account #familycard .download-action__link-img--google {
    clip-path: inset(7px);
}
.client_account #yourdetails .groupContainer .group[data-editable=true] {
    background: transparent !important;
    border: 1px solid #dfdfdf;
    border-radius: 0.25rem;
}
.client_account #yourdetails .groupContainer .group[data-editable=true] [data-input=gender] {
    display: block;
}
.client_account #yourdetails .groupContainer .group[data-editable=true] p.text-label {
    color: #111111;
    font-weight: 400;
    font-size: 0.6875rem;
    line-height: 1.5;
    margin-bottom: 0.25rem;
}
.client_account #yourdetails .groupContainer [data-input=gender] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.client_account #yourdetails .groupContainer [data-input=gender] .icheck.icheck_minimal.checked {
    line-height: 2;
    padding: 0 !important;
    padding-left: 5px !important;
    margin: 0;
}
.client_account #yourdetails .groupContainer p a {
    text-decoration: underline;
}
.client_account #yourdetails .groupContainer .data-wrapper h2.title {
    color: #ffffff;
}
.client_account #yourdetails .iradio_minimal.icheckbox_minimal-blue.focus,
.client_account #yourdetails .input-group-append.tooglePass.focus-visible {
    box-shadow: 0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255))) !important;
    outline: 2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17))) !important;
    outline-offset: 2px !important;
    transition: outline 200ms ease-out, box-shadow 200ms ease-out !important;
    border-radius: 10rem;
}
.client_account #yourdetails .iradio_minimal.icheckbox_minimal-blue.focus {
    outline-offset: 0 !important;
}
.client_account #yourdetails .accountDetails .groupContainer > .row {
    padding: 1rem 0;
}
.client_account #yourdetails .accountDetails.account-details--addresses .input-floor {
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
}
.client_account #yourdetails #personalData .labelledby {
    display: inline-block;
    margin: 0;
    font-weight: 700;
}
.client_account #yourdetails #personalData[data-editable=true] .optional_label {
    display: inline;
}
.client_account #yourdetails #personalData[data-editable=true] .labelledby {
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.571;
    margin-bottom: 0.125rem;
}
.client_account #yourdetails #personalData .optional_label {
    display: none;
}
.client_account #yourdetails #personalData .intl-tel-input.allow-dropdown > input[name=phone] {
    width: 100% !important;
}
.client_account #yourdetails .change-phone .text--success {
    color: #0a8a00;
}
.client_account #yourdetails .change-phone .text--warning {
    color: #CA5008;
}
.client_account #subscriptions .id_sender .sr-only {
    white-space: normal;
}
.client_account input.focus-visible + .radio__symbol,
.client_account input:focus-visible + .radio__symbol {
    box-shadow: 0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255))) !important;
    outline: 2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17))) !important;
    outline-offset: 2px !important;
    transition: outline 200ms ease-out, box-shadow 200ms ease-out !important;
}
.client_account .text-label {
    color: #111111;
    font-weight: 400;
    margin: 0;
    font-size: 0.875rem;
    line-height: 1.571;
}
.client_account .legend-text {
    padding-bottom: 0.25rem;
    color: rgb(var(--colour-text-and-icon-2, 72, 72, 72));
    min-height: 100%;
    margin: 0;
    font-size: 0.875rem;
    line-height: 1.571;
}
.client_account .blue-box a {
    color: #ffffff;
    text-decoration: underline;
}
.client_account .select-box-container > select.focus-visible {
    box-shadow: 0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255))) !important;
    outline: 2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17))) !important;
    outline-offset: 2px !important;
    transition: outline 200ms ease-out, box-shadow 200ms ease-out !important;
}

.check-publicity-area .icheck.focus-visible {
    box-shadow: 0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255))) !important;
    outline: 2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17))) !important;
    outline-offset: 2px !important;
    transition: outline 200ms ease-out, box-shadow 200ms ease-out !important;
}

.msg > .link-blue {
    text-decoration: underline;
}

.order-item_header {
    width: 100%;
    background-color: transparent;
    border: 0;
}

.your-orders .list-items .item-wrap .expand-header .expand-actionbox > * {
    font-size: 0.875rem;
}

.account-collapse_product-list {
    padding: 0;
}
.account-collapse_product-list .itemLink:hover,
.account-collapse_product-list .itemLink.focus-visible {
    text-decoration: none;
}
.account-collapse_product-list .itemLink:hover .itemTitle,
.account-collapse_product-list .itemLink.focus-visible .itemTitle {
    text-decoration: underline;
}
.account-collapse_product-list .itemLink.focus-visible {
    box-shadow: none !important;
    outline: none !important;
}
.account-collapse_product-list .module-wrapper:has(.itemLink.focus-visible) {
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
    box-shadow: 0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255))) !important;
    outline: 2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17))) !important;
    outline-offset: 2px !important;
    transition: outline 200ms ease-out, box-shadow 200ms ease-out !important;
}
.account-collapse_product-list .img-wrapper > a {
    box-shadow: none !important;
    outline: none !important;
}
.account-collapse_product-list .img-wrapper:has(a.focus-visible) {
    box-shadow: 0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255))) !important;
    outline: 2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17))) !important;
    outline-offset: 2px !important;
    transition: outline 200ms ease-out, box-shadow 200ms ease-out !important;
}