body.node-p-id-36 .field--name-body .video-margot::before {
  background-image: none !important;
}

body.node-p-id-36 .field--name-body .video-margot::after {
  background-image: none !important;
}

h2 {
  color: #ffffff;
  font-weight: bold;
  font-style: italic;
  font-size: 45px;
  margin: 0;
}

h3 {
  color: #fff !important;
  font-weight: 600 !important;
  font-style: italic !important;
  font-size: 28pt !important;
}

.node--type-vyrobek.node--view-mode-full .field--name-field-logo img {
	width: 300px !important;
	margin-left: -150px !important;
}

body.node-p-id-36 .node--type-vyrobek.node--view-mode-full .field--name-body img.kokos {
  margin-top: -150px !important;
  left: -350px !important;
}

body.node-p-id-36 .node--type-vyrobek.node--view-mode-full .field--name-body img.palma {
  margin-top: -330px !important;
  right: -450px !important;
}

body.node-p-id-36 .node--type-vyrobek.node--view-mode-full .field--name-field-product-line:before {
    background-image: none;
}

body.node-p-id-36 .node--type-vyrobek.node--view-mode-full .field--name-field-history {
     position: relative;
    top: -16px;
}

body.node-p-id-36 .node--type-vyrobek.node--view-mode-full .field--name-field-history .Margot-vs-Margot-mini {
		display:block;
}


body.node-p-id-36 .node--type-vyrobek.node--view-mode-full .field--name-field-history .Margot-vs-Margot-mini-mobile {
		display:none;
}

body.node-p-id-36 .paragraph--type--product-line .field--name-field-photo img {
    background-color: unset;
    padding-right: 20px;
}

body.node-p-id-36 .node--type-vyrobek.node--view-mode-full .field--name-field-logo {
  position: absolute;
  top: 0px !important;
  left: 0px !important;
  background: none !important;
  margin: 0px !important;
  height: 0 !important;
}

body.node-p-id-36 .node--type-vyrobek.node--view-mode-full {
  background: repeat url("/sites/default/files/2025-09/bg-margot-2025.jpg") !important;
  position: relative;
  padding-top: 0px !important;
}

body.node-p-id-36 .node--type-vyrobek.node--view-mode-full::after {
		background: no-repeat url(/sites/default/files/2025-09/Margot-bottom-2025.png) !important;
    content: '';
    position: relative;
    height: 373px;
    width: 100%;
    bottom: 0;
/*    background-size: 100% 100% !important; */
    background-size: 100% !important;
}

body.node-p-id-36 .node--type-vyrobek.node--view-mode-full .field--name-body {
  top: 170px !important;
  left: calc(50% - 530px) !important;
/*  left: 0 !important; */
}

body.node-p-id-36 .node--type-vyrobek.node--view-mode-full .field--name-field-header-photo img {
  height: fit-content !important;
}

body.node-p-id-36 .node--type-vyrobek.node--view-mode-full .field--name-field-header-photo {
  height: 1550px !important;
  background-color: #71AFDA;
}

body.node-p-id-36 .paragraph--type--product-line .field--name-field-photo:before {
    background-image: none;
}

body.node-p-id-36 .paragraph--type--product-line .field--name-field-photo:after {
    background-color: unset;
}

body.node-p-id-36 .node--type-vyrobek.node--view-mode-full .field--name-field-product-line {
    background-image: none;
    overflow: visible;
}

.node--type-vyrobek.node--view-mode-full .field--name-field-product-line > .field__item:nth-child(even) {
    float: right;
    margin-top: 0;
    text-align: left;
}

body.node-p-id-36 .paragraph--type--product-line .field--name-field-product-line-title {
    color: #27348b;
    font-size: 42px;
    font-style: italic;
}

body.node-p-id-36 .paragraph--type--product-line.zlata .field--name-field-product-line-title {
    color: #83520e !important;
}

body.node-p-id-36 .paragraph--type--product-line.mango_kokos .field--name-field-product-line-title {
    color: #ea590c !important;
}

body.node-p-id-36 .paragraph--type--product-line.bila .field--name-field-product-line-title {
    color: #4bcafe !important;
}

body.node-p-id-36 .paragraph--type--product-line.bila_karamel_mini .field--name-field-product-line-title {
    color: #a63c17 !important;
}



body.node-p-id-36 .paragraph--type--product-line .field--name-field-description p {
    color: #27348b;
}


body.node-p-id-36 .node--type-vyrobek.node--view-mode-full .field--name-body p a {
		background-color: unset;
    position: relative;
    z-index: 2;
}

body.node-p-id-36 .node--type-vyrobek.node--view-mode-full .field--name-body p a::before {
    content: '';
    position: absolute;
    display: inline-block;
    width: 100px;
    height: 100px;
    -moz-border-radius: 7.5px;
    -webkit-border-radius: 7.5px;
    border-radius: 50px;
    background-color: #e95b18;
    left: 34%;
    top: -40%;
    z-index: -1;
}

iframe {
    position: relative;
    /* left: -40px; */
    scroll-behavior: smooth;
    border-radius: 55px;
    border: 2rem solid #e1f4fd;
    width: 90%;
}


@media screen and (max-width: 1300px) {
  body.node-p-id-36 .node--type-vyrobek.node--view-mode-full .field--name-field-logo img {
    left: auto !important;
  }
  body.node-p-id-36 .node--type-vyrobek.node--view-mode-full .field--name-body img.palma {
  display: none;

	}

	body.node-p-id-36 .node--type-vyrobek.node--view-mode-full .field--name-body img.kokos {
  margin-top: -110px !important;
  left: 40% !important;
  margin:0;
  width:30%;
	}
  body.node-p-id-36 .node--type-vyrobek.node--view-mode-full .field--name-body img.kokos {
   display: block !important;
   position: relative;
  }
  iframe {
    position: relative;
    /* left: -40px; */
    scroll-behavior: smooth;
    border-radius: 25px;
    border: 1rem solid #e1f4fd;
    width: 80%;
	}
}


@media screen and (max-width: 980px) {
	body.node-p-id-36 .node--type-vyrobek.node--view-mode-full .field--name-body {
	  top: 170px !important;
	/*  left: calc(50% - 530px) !important; */
	  left: 0 !important;
	}

}

@media screen and (max-width: 780px) {
	body.node-p-id-36 .node--type-vyrobek.node--view-mode-full .field--name-field-history .Margot-vs-Margot-mini-mobile {
		display:block;
    position: relative;
    top: -16px;
	}

	body.node-p-id-36 .node--type-vyrobek.node--view-mode-full .field--name-field-history .Margot-vs-Margot-mini {
		display:none;
	}

}


@media screen and (max-width: 480px) {
  .node--type-vyrobek.node--view-mode-full .field--name-field-logo img {
    height: auto !important;
    height: 165px !important;
    width: 250px !important;
    top: 0px !important;
    margin-left: -120px !important;
  }

  body.node-p-id-36 .node--type-vyrobek.node--view-mode-full .field--name-field-header-photo {
  height: 0px !important;
  background-color: #71AFDA;
	}

	  body.node-p-id-36 .node--type-vyrobek.node--view-mode-full .field--name-body {
    padding: 150px 10px 10px !important;
    background: no-repeat url("/sites/default/files/2025-06/web_mobil_ORION_Margot_2025_02-bg.jpg") !important;
    background-position: top !important;
    background-size: contain !important;
    background-color: #00a4df !important;
  }

  h2 {
  font-size: 34px !important;
  line-height: 1.2em;
	}

	 body.node-p-id-36 .field--name-body .video-margot {
    height: 235px !important;
  }

  iframe {
  height: inherit !important;
  }

  .gap {
  display: none !important;
  }

    body.node-p-id-36 .node--type-vyrobek.node--view-mode-full .field--name-body img.kokos {
        margin-top: -50px !important;
        left: 37% !important;
        margin: 0;
        width: 30%;
    }

	h3 {
  font-size: 16pt !important;
  line-height: 1.2em;
	}

	body.node-p-id-36 .paragraph--type--product-line .field--name-field-product-line-title {
    font-size: 32px;
    margin-bottom: 20px;
	}

	body.node-p-id-36 .node--type-vyrobek.node--view-mode-full::after {
    height: 70px;
	}


}





.page-node-28 .node--type-vyrobek.node--view-mode-full .field--name-body p a:nth-child(1) {
	margin-left: 40px !important;
}

.page-node-28 .node--type-vyrobek.node--view-mode-full .field--name-body p a:nth-child(2) {
	float: right !important;
	margin-right: 40px;
}


.page-node-28 .node--type-vyrobek.node--view-mode-full .field--name-body p a:nth-child(2)::before {
    background-image: url(/sites/default/files/2023-12/kofilaRecipeBtnIco.png) !important;
}


.page-node-28 h2{
	color: #2f3885 !important;
    font-weight: 800 !important;
    font-size: 3.7em !important;
    text-align: center !important;
	margin-top: 10px !important;
    margin-bottom: 10px !important;
}

@media screen and (max-width: 980px) {
.page-node-28 h2{
    font-size: 3em !important;
}
}