/** Shopify CDN: Minification failed

Line 260:0 Unexpected "}"
Line 501:31 Expected identifier but found "!"

**/

.skip-to-content, 
.visually-hidden-skip,
[href="#main"] {
  display: none !important;
}

.product-card__image--primary{
    
    
    object-position:center;
}
.shopify-section--announcement-bar{
    margin-left:-2rem!important;
    margin-right:-2rem!important;
}
.announcement-bar .tap-area{
    display:none!important;
}
.variant-picker__option-info{
    display:none;
}
[data-block-type="title"]{
    margin-block-start:0rem!important;
}
[data-block-type="inventory"]{
        margin-block-start:0.1rem!important;

}
.shopify-section--main-product{
}
.inventory{
    font-style:normal;
    font-weight:400;
}
:checked+.block-swatch, .block-swatch.is-selected{
    color:white;
    background:black;
}
klarna-placement::part(osm-container){
    border: none !important;
 padding-left:0;
}
[data-block-type="@app"] {
    margin-block-start:0!important;
}
.header{
    padding-inline-start:0;
    padding-inline-end:0;
    padding-block-end: 0.5rem;
    padding-block-start: 0.5rem;
}
.breadcrumb-item{
    padding-inline-start:0!important;
}
.shopify-section--collection-banner .text-center{
    text-align:left;
}
.announcement-bar .heading{
    font-weight:500!important;
text-transform:none;
font-size:0.75rem;
}
.product-card__image{
    object-fit:cover;
    object-position:top;
}
.product-card__image--primary{
    object-fit:contain;
    object-position:center;
}
.product-card{
    gap:0;
}
.product-card__figure, .product-gallery{
background:linear-gradient(180deg, hsl(188, 13%, 95%) 0%, hsl(188, 26%, 97%) 100%) !important;
}
.product-gallery{
    margin-top:0;
}
.product-card__info{
    text-align:left;
    justify-items:start;
}
.product-card__info .gap-2{
    gap:0;
}
.justify-items-center{
    justify-items: start;
    
}
.shopify-section--text-with-icons .justify-items-center{
    justify-items: center;
    
}
.breadcrumb--floating{
    padding-bottom:3vh;
    position:static;
}
[data-title="Sale"], .header-sidebar__linklist-button[href="/collections/sale"]{
    color: #b43a3a!important;
}
.section-stack{
    gap:0;
}
.badge--on-sale{
background:#b43a3a;
    font-size: 0.8rem;
   font-weight:500;
    text-transform: capitalize;
}

.badge-list--vertical{
bottom: 0;
    left: 0;
    inset-block-start: auto !important;
    inset-inline-start: auto !important;
    margin-left: 0.5rem;
    margin-bottom: 0.5rem;
}
.multiple-media-with-text__content-wrapper{
    padding:5rem;
}
.bleed, .full-bleed{
    margin-inline-start:0;
    margin-inline-end:0;
}
.product-info__block-item .h5{
    font-weight:400;
}
.product-info__block-list>:not(:last-child){
        margin-block-end: 0;
}
.product-card__info{
    padding: 0.6rem;
}
.product-gallery__media>* {
    
    /*max-height: 78vh; */
    width: auto;
    margin: auto;
}
.text-success, .text-warning{
    color:grey;
}
.product-gallery__thumbnail{
    height:100%;
}
.h6{
    font-weight:500;

}
.h1{
    font-weight:500;
        margin-block-start: 0 !important;
}
.product-gallery__thumbnail-list{
    margin:auto;
}
    .multiple-media-with-text {
        --multiple-media-with-text-gap: 0;
        
    }
.multiple-media-with-text .h3, .slideshow__slide-content .h1{
    font-size:3rem;
        font-weight:500;
}
   .featured-collections-carousel__item .justify-self-center{
        position: absolute;
    top: -4rem;
    left: 0;
    }
    .justify-self-center{
            justify-self: start;
    }
.product-list{
            --product-list-default-column-gap: 1.5rem;
            --product-list-default-row-gap: 1.5rem;
}
.container{
    margin-inline-start:0;
    margin-inline-end:0;
}
.shopify-section--multiple-media-with-text .section-spacing{
    padding-block-start:0;
    padding-block-end:0;
}
.section-spacing{
    padding-block-start: 1rem;
    padding-block-end: 1rem;
}
.shopify-section--featured-collections .justify-self-center .h2{
    margin-left: 6rem;
    margin-top: 1.2rem;
    margin-bottom: 2.1rem;
    text-transform: uppercase;
    font-size: 1rem;
}
.product-card__info .product-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 3em;
}
.featured-collections-carousel__item .button{
    padding: 0.4rem 1rem;
    font-weight:500;
}
.product__vendor-link{
    margin-block-start:1rem;
}
.product{
    gap:0;
}
.accordion-group{
    margin-block-start:0!important;
}
.accordion__toggle {
  display: flex !important;
  flex-direction: row-reverse !important;
  justify-content: flex-end !important;
  gap: 15px; /* Justera avståndet mellan plusset och texten här */
font-weight:500;
}
.header__primary-nav--center .h6, .h2, .price-list--product .h4{
    font-weight:500;
}
/* 1. Sätt grundinställningen för alla stora bilder i galleriet till 'cover' */
.product-gallery__media img {
  object-fit: cover !important;
  object-position:center;
  width: 100% !important;
      aspect-ratio: 4 / 5;
}

/* 2. Tvinga endast den första bilden att vara 'contain' */
.product-gallery__media:first-child img {
  object-fit: contain !important;
  
}
.announcement-bar:empty {
  visibility: hidden;
}
.block-swatch{
    font-weight:500;
    border:0;
    background:#f2f2f2;
}
.newsletter .section-header{
    justify-self: center;
    margin-top: 4rem;
}
}
/* 3. Gör samma sak för tumnaglarna (thumbnails) så de matchar */
.product-gallery__thumbnail img {
  object-fit: cover !important;
}

.product-gallery__thumbnail:first-child img {
  object-fit: contain !important;
}
.shopify-section--featured-collections{
    margin-bottom:0.9rem;
}

@media screen and (min-width: 768px) {
    .multiple-media-with-text {
        grid-template-columns: 1fr 1fr !important;
    }
    .shopify-section--main-product{
        width: 80%;
    margin: auto;
    margin-top:2rem;
    
    }/*
    .footer__inner, .footer__aside, .social-media--list{
        justify-content:center;
    }
    .footer__block .text-subdued, .footer__block .h6, .footer__block li, .footer__block a{
        text-align:center;
        font-weight:400;
        margin-block-start: 0.6rem;
        color:grey;
    }
.footer__block .gap-4{
    gap: 0.5rem;
}
     1. Tvinga containern att inte radbryta och dölj eventuellt spill */
.variant-picker__option-values.h-stack {
  display: flex !important;
  flex-wrap: nowrap !important; /* Förhindrar att de hoppar ner på nästa rad */
  justify-content: space-between !important;
  width: 100% !important;
  gap: 8px !important; /* Justera avståndet mellan rutorna här */
}

/* 2. Gör så att varje knapp tar upp lika mycket plats och fyller ut bredden */
.variant-picker__option-values .block-swatch {
  flex: 1 1 auto !important; /* Gör att alla rutor växer lika mycket */
  min-width: 0 !important;   /* Tillåter rutorna att bli smalare än texten om det behövs */
  display: flex !important;
  align-items: center;
  justify-content: center;
  padding-left: 5px !important;
  padding-right: 5px !important;
  text-align: center;
}
body{
    padding-left:2rem!important;
    padding-right:2rem!important;
}
.product-gallery{
    margin: 2rem;
margin-top:0;
}
}
@media screen and (min-width: 1600px) {
   .shopify-section--custom-liquid, .header, .shopify-section--image-with-text, .custom-breadcrumb-container, .shopify-section--timeline, .shopify-section--multiple-media-with-text, .seo-read-more-wrapper, product-sticky-bar, .shopify-section--scrolling-content, .slideshow__slide-content, .section-stack, .footer__inner, .shopify-section--collection-banner, .shopify-section--main-collection, .shopify-section--main-product, .shopify-section--main-page, .shopify-section--contact, .shopify-section--slideshow {
        width: 70%;
        max-width: 70%;
        margin: auto;
        
    }
}
    .collection-toolbar{
        display:none;
    }
    button{
        font-weight:500!important;
    }

    @media screen and (max-width: 768px) {
  body {
    padding-left: 0.7rem !important;
    padding-right: 0.7rem !important;
  }
  .header{
    
    padding-block-end: 0;
    padding-block-start: 0;
}
  .product-gallery__media>* {
    /*
    height:83vh;
    max-height: 83vh;*/
    
}

.product__vendor-link, [data-block-id="price"] {
    margin-block-start:0!important;
}
  .product-gallery{
    --product-gallery-gap:0;
  }
  .shopify-section--announcement-bar{
    margin-left:-1rem!important;
    margin-right:-1rem!important;
}
.product-gallery__media:first-child img{
    padding:0;
    object-position:center;
}

}

.page-dots{
    padding-bottom:1rem;
}
/* Siktar exakt på det som syns i din skärmdump */
.header__primary-nav-item [data-title]::before {
    display: none !important;
    content: none !important;
    transform: scaleX(0) !important;
    height: 0 !important;
    opacity: 0 !important;
    transition: none !important;
}

/* Säkerställer att hovringen inte triggar animationen */
.header__primary-nav-item [data-title]:hover::before {
    display: none !important;
    content: none !important;
    transform: scaleX(0) !important;
}
.header__primary-nav  .h6:hover{
}
.shopify-section--scrolling-content .section-spacing{
    filter:invert(1);
    background:black!important;
    border:0;
}
.icon-search{
margin:1rem;

}

.breadcrumb-item a, .breadcrumb__list-item a{
    text-transform:capitalize!important;
    font-size:0.7rem;
}
/* 1. Dölj hela list-item som innehåller "Shop"-länken */
.breadcrumb__list-item:has(a[href="/collections/all"]) {
    display: none !important;
}

/* 2. Ta bort ::before (separatorn) på det element som nu hamnar först */
.breadcrumb__list-item:nth-child(2)::before {
    content: none !important;
    display: none !important;
}


    product-card[handle*="fabiano-ricci"] .product-card__image--primary,
product-card[handle*="doucals"] .product-card__image--primary,
product-card[handle*="cap"] .product-card__image--primary,
product-card[handle*="sneaker"] .product-card__image--primary,
product-card[handle*="monk"] .product-card__image--primary,
product-card[handle*="boots"] .product-card__image--primary,
product-card[handle*="loafers"] .product-card__image--primary,
product-card[handle*="espadrilles"] .product-card__image--primary {
    padding: 0 !important;
}

/* Nollställ padding på produktsidan genom att titta på variant-pickerns handle */
.product:has(variant-picker[handle*="fabiano-ricci"]) .product-gallery__media:first-child img,
.product:has(variant-picker[handle*="doucals"]) .product-gallery__media:first-child img,
.product:has(variant-picker[handle*="sneaker"]) .product-gallery__media:first-child img,
.product:has(variant-picker[handle*="cap"]) .product-gallery__media:first-child img,
.product:has(variant-picker[handle*="boots"]) .product-gallery__media:first-child img,
.product:has(variant-picker[handle*="monk"]) .product-gallery__media:first-child img,
.product:has(variant-picker[handle*="loafers"]) .product-gallery__media:first-child img,
.product:has(variant-picker[handle*="espadrilles"]) .product-gallery__media:first-child img {
    padding: 0 !important;
    padding-top: 0 !important;
    object-fit:cover !important;
}

.header-search .container{
        --distance-to-bleed: 0;
}
html, body {
    overflow-x: hidden;
    position: relative;
}

@media screen and (max-width: 699px) {
    .product-list:not(.product-list--carousel) {
        margin-inline: 0!important;
    }
}

/* 1. Behållaren - centrerar texten bakom */
.product-gallery__media {
  position: relative;
  display: flex !important;
  align-items: center;
  justify-content: center;
  background-color:linear-gradient(180deg, hsl(188, 13%, 95%) 0%, hsl(188, 26%, 97%) 100%) !important;
  overflow: hidden;
}

/* 2. Texten som alltid ligger där i botten */
.product-gallery__media::before {
  content: "SINCE 2005";
  position: absolute;
  z-index: 1;
  letter-spacing: 0.4em;
  color:rgb(226, 226, 226);
  font-size: 1rem;
  text-align: center;
}

/* 3. Bilden - oavsett vad 'src' är så tonar den in */
.product-gallery__media img {
  position: relative;
  z-index: 2;
  display: block;
  width: 100%;
  height: auto;
  /* Här skapar vi fade-in effekten */
  animation: ranwaldFadeIn 0.8s ease-out;
}

/* Själva animationen */
@keyframes ranwaldFadeIn {
  from { 
    opacity: 0;
  }
  to { 
    opacity: 1;
  }
}
.announcement-bar{
        padding-block: 0.25rem;!important
}