@charset "UTF-8";

#design_grid {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  padding: 2vw 5% 2vw 5%;
}

.design_grid {
  display: inline-block;
  width: 13%;
  height: auto;
  padding: 2vw 0 2vw 0;
  box-sizing: border-box;
}

.design_grid img {
  display: block;
  width: 100%;
}

/* CSS Document */
body {
  text-decoration: none;
  font-size: 12px;
  margin: 0;
  color: black;
}

#footer {
  background-color: white;
}

h1,
h2,
h3,
h4 {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  font-weight: normal;
}

ul {
  margin: 0;
  padding: 0 0 0 8%;
  font-family: "ABCArizonaFlare-Bold";
}

l1 {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  font-family: "ABCArizonaFlare-Bold";
}
.ss-table-outer table {
  table-width: 100%;
  cell-spacing: 0;
  cell-padding: 50px;
  spacing: 0;
  -webkit-border-horizontal-spacing: 0;
  -webkit-border-vertical-spacing: 2px;
}
.ss-table-outer th {
  background-color: #5c087e;
  padding: 1vw;
  width: 12%;
}

.ss-table-outer td {
  background-color: #ffebcf;
  padding: 1vw;
  color: #5c087e;
  width: 44%;
  font-family: "ABCArizonaFlare-Regular";
}

#subscr_tab {
  display: none;
}

#ss-pure-soy-row {
  top: -164px;
  position: absolute;
}

#ss-sauces-row {
  top: -162px;
  position: absolute;
}

#ss-recipes-row {
  top: -164px;
  position: absolute;
}

#ss-design-win-row {
  top: -164px;
  position: absolute;
}

#ss-stockists-row {
  top: -164px;
  position: absolute;
}

.ss-wrapper {
  display: block;
  position: relative;
  margin-top: 0;
  box-sizing: border-box;
  width: 100%;
  overflow: hidden;
  height: auto;
  background-image: url("../images/ss2025/UK-landscape-background.jpg");
  background-size: 100%;
  background-repeat: no-repeat;
  background: cover;
}

.ss-wrapper img {
  display: block;
  width: 100%;
}

.ss-win-bottle {
  display: block;
  position: absolute;
  width: 13%;
  top: 34vw;
  left: 8vw;
  padding: 0;
  box-sizing: border-box;
  z-index: 1000;
  transform: rotate(-10deg);
}

.ss-win-bottle img {
  display: block;
  width: 100%;
}

/*OS-MENU*/
.ss-menu-mobile {
  display: none;
}

.ss-menu {
  display: block;
  position: fixed;
  top: 84px;
  padding: 0;
  box-sizing: border-box;
  width: 100%;
  height: 80px;
  text-align: center;
  background-color: #5c087e;
  z-index: 9000;
  border-bottom: 0.5px solid white;
}
.ss-menu-text {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  width: auto;
  height: auto;
  padding: 0 1.5vw 0 1.5vw;
  align-items: center;
  font-family: "ABCArizonaFlare-Regular";
  font-size: 25px;
  line-height: 80px;
  color: #ffebcf;
  text-transform: uppercase;
}

.ss-menu-text a:link {
  color: #ffebcf;
  text-decoration: none;
}

.ss-menu-text a:visited {
  color: #ffebcf;
}

.ss-menu-text a:hover {
  color: #f7ec33;
}

.oss-menu-text a:active {
  color: #ffebcf;
}

/*SS-KV*/
.ss-kv-mobile {
  display: none;
}

.ss-kv {
  display: block;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: 55vw;
  margin-top: 60px;
  overflow: hidden;
}

.ss-kv img {
  display: block;
  width: 100%;
}

/*SS-taste-text*/
.ss-pure-soy-text-image {
  display: block;
  position: absolute;
  box-sizing: border-box;
  width: 27%;
  height: auto;
  bottom: -2vw;
  left: -5%;
  padding: 0;
  z-index: 100;
}

.ss-pure-soy-image img {
  display: block;
  width: 100%;
}

.ss-pure-soy-text-image2 {
  display: block;
  position: absolute;
  box-sizing: border-box;
  width: 27%;
  height: auto;
  bottom: -2vw;
  right: -5%;
  padding: 0;
  z-index: 100;
}

.ss-pure-soy-image2 img {
  display: block;
  width: 100%;
}

.ss-pure-soy-text-image3 {
  display: block;
  position: absolute;
  box-sizing: border-box;
  width: 14%;
  height: auto;
  top: 53vw;
  right: 18%;
  padding: 0;
  z-index: 100;
}

.ss-pure-soy-image3 img {
  display: block;
  width: 100%;
}

.ss-kv-text-block {
  display: block;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  margin-top: 0;
  overflow: hidden;
  padding: 4vw 0 10vw 0;
}

.ss-kv-text {
  display: block;
  position: relative;
  box-sizing: border-box;
  width: 70%;
  width: 70%;
  height: auto;
  padding: 1vw 2vw 1vw 2vw;
  margin: 0 auto;
  text-align: center;
  font-family: "ABCArizonaFlare-Bold";
  font-size: 3.5vw;
  line-height: 3.5vw;
  color: #f7ec33;
  background-color: #5c087e;
  transform: rotate(-2deg);
}

.ss-kv-text2 {
  display: block;
  position: relative;
  box-sizing: border-box;
  padding: 2vw 15% 0 15%;
  width: 100%;
  text-align: center;
  font-family: "ABCArizonaFlare-Regular";
  font-size: 2.2vw;
  line-height: 3.2vw;
  font-weight: 400;
  color: #ffebcf;
  height: auto;
  margin-top: 0;
}

.ss-kv-text3 {
  display: block;
  position: relative;
  box-sizing: border-box;
  padding: 1vw 2vw 1vw 2vw;
  margin: 0 auto;
  width: 70%;
  text-align: center;
  font-family: "ABCArizonaFlare-Regular";
  font-size: 2.5vw;
  line-height: 3.2vw;
  font-weight: 400;
  color: #f7ec33;
  height: auto;
  margin-top: 0;
}

.ss-table-outer {
  display: block;
  position: relative;
  box-sizing: border-box;
  padding: 1vw 15% 0 15%;
  width: 100%;
  text-align: left;
  font-family: "ABCArizonaFlare-Bold";
  font-size: 1vw;
  line-height: 1.5vw;
  font-weight: 400;
  color: #ffebcf;
  height: auto;
}

/*OS THE SAUCES*/
.ss-sauces {
  display: block;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: 55vw;
  background-color: #ffebcf;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: 100%;
  padding: 0;
}

.ss-sauces img {
  display: block;
  width: 100%;
}

.ss-sauces-left {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  width: 38%;
  height: 55vw;
  overflow: hidden;
  padding: 3vw 0 0 0;
}

.ss-sauces-left img {
  display: block;
  width: 100%;
}

.ss-sauces-right {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  width: 60%;
  height: 35vw;
  vertical-align: top;
}
.ss-sauces-right-image {
  display: block;
  position: absolute;
  box-sizing: border-box;
  width: 25%;
  height: auto;
  top: 30vw;
  right: 5vw;
  z-index: 100;
}

.ss-sauces-right-image img {
  display: block;
  width: 100%;
}

.ss-sauces-right-header {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  padding: 1vw 2vw 1vw 2vw;
  margin: 8vw 0% 0 0%;
  height: auto;
  text-align: center;
  font-family: "ABCArizonaFlare-Bold";
  font-size: 3.5vw;
  line-height: 3.5vw;
  font-weight: 400;
  background-color: #5c087e;
  color: #f7ec33;
  transform: rotate(-1deg);
}

.ss-sauces-right-text1 {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  padding: 4vw 10% 0 0;
  height: auto;
  text-align: left;
  font-family: "ABCArizonaFlare-Regular";
  font-size: 1.8vw;
  line-height: 2.2vw;
  font-weight: 400;
  color: #5c087e;
}

.ss-sauces-right-text1 p {
  margin: 0 0 1vw 0;
}

.ss-sauces-right-text1 li {
  font-family: "ABCArizonaFlare-Regular";
  font-size: 1.8vw;
  line-height: 2.5vw;
  font-weight: 400;
  color: #5c087e;
}
/*OS THE RECIPES*/

.recipe-slant-top {
  position: relative;
  display: block;
  width: 100%;
  height: 4vw;
  z-index: 100;
  background-color: #ffebcf;
  clip-path: polygon(
    0 0,
    /* left top */ 100% 0,
    /* right top */ 100% 100%,
    /* right bottom */ 0 0 /* left bottom */
  );
}
.ss-recipes {
  display: block;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  background-color: #ce2d6b;
  background-image: url("../images/ss2025/UK-landscape-background.jpg");
  background-repeat: no-repeat;
  background-attachment: fixed;
  overflow: hidden;
  background-size: 100%;
  padding: 0;
}

.ss-recipes img {
  display: block;
  width: 100%;
}
.ss-recipes-header {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  padding: 3vw 10% 3vw 10%;
  height: auto;
  font-family: "ABCArizonaFlare-Bold";
  font-size: 3.5vw;
  line-height: 4vw;
  color: #f7ec33;
  text-align: center;
}
.recipe-links {
  position: relative;
  display: block;
  width: 80%;
  height: auto;
  margin: 0 10%;
  z-index: 110;
}
.recipe-entry {
  position: relative;
  display: inline-block;
  width: 22%;
  margin: 1vw 1vw;
  float: left;
  z-index: 120;
  border-radius: 25% 75% 75% 25% / 3% 2% 3% 2%;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  /* Animation */
}
.recipe-entry:hover {
  display: block;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  color: white;
}
.recipe-entry a:link {
  color: #fff;
  text-decoration: none;
}
.recipe-entry a:visited {
  color: #fff;
}
.recipe-entry a:hover {
  color: #fff;
}
.recipe-entry a:active {
  color: #fff;
}
.recipe-image {
  position: relative;
  width: 100%;
  height: auto;
  margin: 0;
  object-fit: cover;
}
.recipe-image img {
  display: block;
  width: 100%;
  height: auto;
}
.recipe-title {
  display: block;
  font-family: "usual";
  font-weight: 600;
  text-align: center;
  padding: 1vw 0;
  font-size: 1.5vw;
  line-height: 1.2vw;
  color: #ffebcf;
}
.more-recipes {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: auto;
}
.more-butt {
  display: block;
  position: relative;
  box-sizing: border-box;
  width: 22%;
  margin: 3vw 39% 8vw;
  padding: 1vw 1.5%;
  height: auto;
  font-family: "ABCArizonaFlare-Bold";
  font-size: 1.5vw;
  color: #5c087e;
  text-align: center;
  text-decoration: none;
  background-color: #f7ec33;
  z-index: 2000;
  text-transform: uppercase;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.more-butt:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  color: #5c087e;
}
.more-butt a:link {
  text-decoration: none;
  color: #5c087e;
}
.more-butt a:visited {
  color: #5c087e;
}
.more-butt a:hover {
  color: #5c087e;
}
.more-butt a:active {
  color: #5c087e;
}
.recipe-slant-bottom {
  position: absolute;
  display: block;
  bottom: 0;
  width: 100%;
  height: 5vw;
  float: left;
  z-index: 100;
  background-color: #5c087e;
  clip-path: polygon(
    0 100%,
    /* left top */ 100% 0,
    /* right top */ 100% 100%,
    /* right bottom */ 0 100% /* left bottom */
  );
}

/*OS WIN*/
.ss-win {
  display: block;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: 55vw;
  background-color: #5c087e;
  padding: 0;
}

.ss-win img {
  display: block;
  width: 100%;
}

.ss-win-header {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  width: 80%;
  margin: 4vw 10% 2vw 10%;
  padding: 1vw 2vw 1vw 2vw;
  height: auto;
  font-family: "ABCArizonaFlare-Bold";
  font-size: 3.5vw;
  line-height: 4vw;
  color: #f7ec33;
  text-align: center;
  background-color: #db025a;
}

.ss-win-tcs {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  padding: 0 15% 0 15%;
  height: auto;
  font-family: "ABCArizonaFlare-Regular";
  font-size: 1vw;
  line-height: 2vw;
  color: #fff;
  text-align: center;
}

.ss-win-tcs:hover {
  color: #fff;
}

.ss-win-tcs a:link {
  text-decoration: none;
  color: #fff;
}

.ss-win-tcs a:visited {
  color: #fff;
}

.ss-win-tcs a:hover {
  color: #000;
}

.ss-win-tcs a:active {
  color: #fff;
}

.ss-win-left {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  width: 50%;
  height: 10vw;
  float: left;
  padding: 0 5% 0 5%;
}

.ss-win-left-header {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  padding: 0 0 0 0;
  height: auto;
  font-family: "ABCArizonaFlare-Bold";
  font-size: 2vw;
  line-height: 2.5vw;
  color: #ffebcf;
  text-align: center;
}
.ss-win-left-header2 {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  padding: 1vw 7% 0 7%;
  height: auto;
  font-family: "ABCArizonaFlare-Bold";
  font-size: 2vw;
  line-height: 2.5vw;
  color: #ffebcf;
  text-align: center;
}
.ss-win-left-header3 {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  padding: 22vw 7% 0 7%;
  height: auto;
  font-family: "ABCArizonaFlare-Bold";
  font-size: 1.1vw;
  line-height: 1.6vw;
  color: #ffebcf;
  text-align: center;
}

.ss-win-left-image {
  display: block;
  position: absolute;
  box-sizing: border-box;
  width: 9vw;
  height: auto;
  bottom: 0;
  right: 13%;
  text-align: center;
  z-index: 100;
}

.ss-win-left-image img {
  display: block;
  width: 100%;
}

.ss-win-left-image2 {
  display: block;
  position: absolute;
  box-sizing: border-box;
  width: 30vw;
  height: auto;
  top: 24vw;
  left: 10%;
  text-align: center;
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: cover;
  transform: rotate(-3deg);
}

.ss-win-left-image2 img {
  display: block;
  width: 100%;
}

.ss-win-left-image3 {
  display: block;
  position: absolute;
  box-sizing: border-box;
  width: 13vw;
  height: 13vw;
  top: 28vw;
  left: 13%;
  text-align: center;
  border-radius: 100%;
  overflow: hidden;
  background-image: url("../images/os25/dim-sum.png");
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: cover;
  border: solid 4px #fff;
}

.ss-win-left-image3 img {
  display: block;
  width: 100%;
}

.ss-win-right {
  display: block;
  position: relative;
  box-sizing: border-box;
  width: 50%;
  height: auto;
  float: left;
  padding: 1vw 10% 0 3%;
}

.ss-bottle-grid {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
}
.ss-bottle-grid-header {
  display: block;
  position: relative;
  box-sizing: border-box;
  width: 70%;
  margin: 4vw auto 0 auto;
  padding: 1vw 2vw 1vw 2vw;
  height: auto;
  font-family: "ABCArizonaFlare-Bold";
  font-size: 3.5vw;
  line-height: 4vw;
  color: #f7ec33;
  text-align: center;
  background-color: #db025a;
  transform: rotate(-2deg);
  z-index: 1000;
}
/*STOCKISTS*/
.ss-stores {
  display: block;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: 30vw;
  padding: 6vw 0 0 0;
  background-color: #ffebcf;
  background-image: url("../images/ss2025/UK-landscape-background.jpg");
  background-size: 100%;
  background-repeat: no-repeat;
  background: cover;
}

.ss-stores img {
  display: block;
  width: 100%;
}
.ss-stores-image1 {
  display: block;
  position: absolute;
  box-sizing: border-box;
  width: 17vw;
  height: auto;
  top: 6vw;
  left: 4%;
  text-align: center;
  border-radius: 100%;
  z-index: 100;
}
.ss-stores-image1 img {
  display: block;
  width: 100%;
}
.ss-stores-image2 {
  display: block;
  position: absolute;
  box-sizing: border-box;
  width: 23vw;
  height: auto;
  top: 0;
  right: 0;
  text-align: center;
  border-radius: 100%;
  z-index: 100;
}
.ss-stores-image2 img {
  display: block;
  width: 100%;
}

/*SHOP BANNER*/

.buy-available {
  position: relative;
  display: block;
  width: 100%;
  font-family: "ABCArizonaFlare-Bold";
  letter-spacing: 1px;
  color: #f7ec33;
  font-size: 4vw;
  line-height: 5vw;
  text-align: center;
  z-index: 8000;
}

.buy-logos {
  position: relative;
  display: block;
  box-sizing: border-box;
  width: 86%;
  height: 9vw;
  margin: 3vw 7%;
  padding: 1.7vw 2vw;
  background-color: #fff;
  border-radius: 100px;
  text-align: center;
  overflow: hidden;
}

.buy-logodiv {
  position: relative;
  display: inline-block;
  height: 0.5vw;
  width: 9%;
  padding: 0 1vw;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.buy-logodiv:hover {
  display: inline-block;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.buy-logodiv img {
  display: block;
  width: 100%;
}

.buy-button {
  position: relative;
  display: block;
  margin: 2vw auto;
  width: 25%;
  border: 3px solid #fff;
  border-radius: 60px;
  text-align: center;
  font-size: 1.5vw;
  line-height: 1.5vw;
  padding: 2.2vw 2.2vw;
}

@media only screen and (max-width: 1900px) {
  .recipe-title {
    display: block;
    font-family: "usual";
    font-weight: 600;
    text-align: center;
    padding: 1vw 0;
    font-size: 1.2vw;
    line-height: 1.5vw;
    color: #ffebcf;
  }
  .ss-win-left-header {
    font-size: 1.8vw;
    line-height: 2.3vw;
  }
  .ss-win-left-header2 {
    font-size: 1.8vw;
    line-height: 2.3vw;
  }
  .ss-win-left-header3 {
    font-size: 1.3vw;
    line-height: 1.6vw;
  }

  .ss-win-left-image2 {
    top: 25vw;
    left: 11%;
  }
  .ss-sauces-right-header {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding: 1vw 2vw 1vw 2vw;
    margin: 8vw 0% 0 0%;
    height: auto;
    text-align: center;
    font-family: "ABCArizonaFlare-Bold";
    font-size: 3.5vw;
    line-height: 4.5vw;
    font-weight: 400;
    background-color: #5c087e;
    transform: rotate(-1deg);
  }
  .ss-sauces-right-image {
    display: block;
    position: absolute;
    box-sizing: border-box;
    width: 30%;
    height: auto;
    bottom: 11vw;
    right: 0;
  }
  .ss-win-header {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    width: 80%;
    margin: 4vw 10% 2vw 10%;
    padding: 1vw 2vw 1vw 2vw;
    height: auto;
    font-family: "ABCArizonaFlare-Bold";
    font-size: 3.2vw;
    line-height: 4vw;
    color: #f7ec33;
    text-align: center;
    background-color: #db025a;
  }
}

@media only screen and (max-width: 1500px) {
.ss-win-left-image {
  width: 8vw;
  height: auto;
  bottom: 0;
  right: 13%;
}
}



@media only screen and (max-width: 1024px) {
  .ss-win {
    height: 75vw;
  }
  .ss-win-left-image {
  width: 9vw;
  height: auto;
  bottom: 0;
  right: 6%;
  text-align: center;
  z-index: 100;
}
  .ss-win-left-image2 {
  width: 30vw;
  top: 29vw;
  left: 9%;
}
      .ss-win-left-header {
    font-size: 2.3vw;
    line-height: 2.8vw;
  }
  .ss-win-left-header2 {
    font-size: 2.3vw;
    line-height: 2.8vw;
  }
  .ss-win-left-header3 {
    font-size: 1.8vw;
    line-height: 2.2vw;
  }
}
@media only screen and (max-width: 820px) {
  .ss-menu {
    top: 75px;
  }
  .ss-menu-text {
    padding: 0 1.5vw 0 1.5vw;
    font-size: 20px;
    line-height: 80px;
  }
  .ss-kv-text-block {
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 80vw;
    margin-top: 0;
    overflow: hidden;
    padding: 0 0 3vw 0;
  }
  .ss-kv-text {
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 70%;
    height: auto;
    padding: 2vw 2vw 2vw 2vw;
    margin: 4vw auto 0 auto;
    text-align: center;
    font-family: "ABCArizonaFlare-Bold";
    font-size: 3.5vw;
    line-height: 4vw;
    color: #f7ec33;
    background-color: #5c087e;
    transform: rotate(-2deg);
  }
  .ss-table-outer th {
    background-color: #5c087e;
    padding: 10px;
  }
  .ss-table-outer td {
    background-color: #ffebcf;
    padding: 10px;
    color: #5c087e;
    width: 50%;
  }
  .ss-table-outer {
    display: block;
    position: relative;
    box-sizing: border-box;
    padding: 1vw 12% 0 12%;
    width: 100%;
    height: 100vw;
    text-align: left;
    font-family: "ABCArizonaFlare-Regular";
    font-size: 1.5vw;
    line-height: 1.5vw;
    font-weight: 400;
    margin-bottom: 170vw;
  }
  .ss-kv-text3 {
    padding: 0 0 1vw;
    width: 100%;
    text-align: center;
    font-family: "ABCArizonaFlare-Regular";
    font-size: 2.8vw;
    line-height: 3.2vw;
    font-weight: 600;
  }
  .ss-pure-soy-text-image {
    width: 20%;
    height: auto;
    bottom: -2vw;
    left: 0;
  }
  .ss-pure-soy-text-image2 {
    width: 20%;
    height: auto;
    bottom: -2vw;
    right: 0;
  }
  .ss-pure-soy-text-image3 {
    width: 14%;
    height: auto;
    bottom: 2vw;
    right: 6%;
    padding: 0;
    z-index: 100;
  }
  .ss-recipes {
    background-color: #df006a;
    background-image: url("../images/ss2025/UK-landscape-background-sml.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    overflow: hidden;
    background-size: 100%;
  }
  /*OS WIN*/
  .ss-win {
    width: 100%;
    height: 85vw;
  }
  .ss-win-header {
    width: 80%;
    padding: 2vw 2%;
    font-size: 3.5vw;
    line-height: 4vw;
  }
  .ss-win-header2 {
    width: 100%;
    padding: 4vw 10% 3vw 10%;
    font-size: 3.5vw;
    line-height: 4vw;
  }
  .ss-win-left {
    width: 50%;
    height: 10vw;
    padding: 0 5% 0 5%;
  }
  .ss-win-left-header {
    font-size: 4vw;
    line-height: 5vw;
  }
  .ss-win-left-header2 {
    width: 100%;
    padding: 22vw 0 0 0;
    font-size: 2.5vw;
    line-height: 3.5vw;
  }
  .ss-win-left-header3 {
    width: 100%;
    padding: 2vw 7% 0 7%;
    font-size: 2vw;
    line-height: 2.5vw;
  }
  .ss-win-left-image {
    width: 9vw;
    height: auto;
    bottom: 5vw;
    right: 3%;
    bottom: 0;
  }
  .ss-win-left-image2 {
    display: block;
    position: absolute;
    box-sizing: border-box;
    width: 30%;
    height: auto;
    top: 35vw;
    left: 10%;
    text-align: center;
    background-repeat: no-repeat;
    background-size: 100%;
    background-size: cover;
  }
  .ss-win-right {
    width: 50%;
    padding: 1vw 5% 0 3%;
  }
}

@media only screen and (max-width: 461px) {
  .ss-table-outer table {
    table-width: 100%;
    cell-spacing: 10px;
    cell-padding: 50px;
  }
  .ss-table-outer th {
    background-color: #5c087e;
    padding: 10px;
    width: 33.33333%;
  }
  .ss-table-outer td {
    background-color: #ffebcf;
    padding: 10px;
    color: #5c087e;
    width: 33.33333%;
  }

  #design_grid {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 10vw 5% 10vw 5%;
  }

  .design_grid {
    display: inline-block;
    width: 30%;
    height: auto;
    padding: 2%;
    box-sizing: border-box;
  }

  .design_grid img {
    display: block;
    width: 100%;
  }
  /*MENU TOP*/
  .ss-menu {
    display: none;
  }

  .ss-menu-mobile {
    display: block;
    position: fixed;
    top: 75px;
    padding: 2vw 5vw 0 5vw;
    box-sizing: border-box;
    width: 100%;
    height: 70px;
    text-align: center;
    background-color: #5c087e;
    z-index: 9000;
    border-bottom: 0.5px solid white;
  }

  .ss-menu-text {
    padding: 2vw 2vw 0 2vw;
    font-size: 4.5vw;
    line-height: 4.5vw;
  }

  /*SS-taste-text*/
  .ss-kv {
    display: none;
  }

  .ss-wrapper {
    display: block;
    position: relative;
    margin-top: 0;
    box-sizing: border-box;
    width: 100%;
    overflow: hidden;
    height: auto;
    background-image: url("../images/ss2025/UK-portrait-background.jpg");
    background-size: 120%;
    background-repeat: no-repeat;
    background: cover;
    z-index: 1;
  }
  .ss-win-bottle {
    display: none;
  }
  .ss-kv-mobile {
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 185vw;
    margin-top: 12vw;
    overflow: hidden;
  }

  .ss-kv-mobile img {
    display: block;
    width: 100%;
  }

  .ss-kv-text-block {
    display: block;
    position: relative;
    box-sizing: border-box;
    height: 270vw;
    padding: 5vw 0 0 0;
    margin-top: 0;
    overflow: show;
    z-index: 3000;
  }

  .ss-pure-soy-text-image {
    display: block;
    position: absolute;
    box-sizing: border-box;
    width: 35%;
    height: auto;
    top: 65vw;
    left: -7%;
    padding: 0;
    z-index: 100;
  }

  .ss-pure-soy-image img {
    display: block;
    width: 100%;
  }

  .ss-pure-soy-text-image2 {
    display: block;
    position: absolute;
    box-sizing: border-box;
    width: 35%;
    height: auto;
    top: 65vw;
    right: -7%;
    padding: 0;
    z-index: 100;
  }

  .ss-pure-soy-image2 img {
    display: block;
    width: 100%;
  }

  .ss-pure-soy-text-image3 {
    display: block;
    position: absolute;
    box-sizing: border-box;
    width: 45%;
    height: auto;
    top: 215vw;
    right: 26%;
    padding: 0;
    z-index: 100;
  }

  .ss-pure-soy-image3 img {
    display: block;
    width: 100%;
  }

  .ss-kv-text {
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 85%;
    height: auto;
    padding: 3vw 6% 3vw 6%;
    text-align: center;
    font-family: "ABCArizonaFlare-Bold";
    font-size: 8.5vw;
    line-height: 10vw;
  }

  .ss-kv-text2 {
    padding: 5vw 10% 0 10%;
    font-size: 5.5vw;
    line-height: 6.5vw;
    font-weight: 400;
    color: #ffebcf;
  }

  .ss-kv-text3 {
    font-size: 7vw;
    line-height: 8vw;
    font-weight: 400;
    color: #f7ec33;
    padding: 0 20% 0 20%;
  }

  .ss-table-outer {
    display: block;
    position: relative;
    box-sizing: border-box;
    padding: 5vw 5% 0 5%;
    width: 100%;
    text-align: left;
    font-family: "ABCArizonaFlare-Regular";
    font-size: 3vw;
    line-height: 3.5vw;
    font-weight: 400;
    color: #ffebcf;
    height: auto;
  }

  /*OS THE SAUCES*/
  .ss-sauces {
    width: 100%;
    height: 230vw;
  }

  .ss-sauces-left {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    width: 55%;
    height: 82vw;
    left: 24vw;
    top: 2vw;
    overflow: hidden;
  }

  .ss-sauces-right {
    width: 90%;
    margin: 0 5%;
    height: 55vw;
  }
  .ss-sauces-right-image {
    width: 45%;
    bottom: 25vw;
    display: none;
  }

  .ss-sauces-right-image img {
    display: block;
    width: 100%;
  }

  .ss-sauces-right-header {
    padding: 5vw 10% 5vw 10%;
    font-size: 8.5vw;
    line-height: 10vw;
    text-align: center;
    margin: 0;
  }

  .ss-sauces-right-text1 {
    padding: 3vw 5% 0 0;
    font-size: 4.5vw;
    line-height: 5.5vw;
  }

  .ss-sauces-right-text1 p {
    margin: 0 0 1vw 0;
  }

  .ss-sauces-right-text1 li {
    font-family: "ABCArizonaFlare-Regular";
    font-size: 4.5vw;
    line-height: 7vw;
    font-weight: 400;
    color: #5c087e;
  }
  /*OS THE RECIPES*/
  .ss-recipes {
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    background-color: #df006a;
    background-image: url("../images/ss2025/UK-portrait-background-sml.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100%;
    padding: 0 0 12vw 0;
  }
  .ss-recipes img {
    display: block;
    width: 100%;
  }
  .ss-recipes-header {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding: 12vw 5% 3vw 5%;
    height: auto;
    font-family: "ABCArizonaFlare-Bold";
    font-size: 9vw;
    line-height: 9vw;
    color: #f7ec33;
    text-align: center;
  }
  .recipe-links {
    position: relative;
    display: block;
    width: 65%;
    height: auto;
    margin: 5vw 17.5%;
    z-index: 110;
  }
  .recipe-entry {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-bottom: 4vw;
  }
  .recipe-title {
    display: block;
    font-family: "usual";
    font-weight: 600;
    text-align: center;
    padding: 1vw 0;
    font-size: 5vw;
    line-height: 7vw;
    color: #ffebcf;
  }
  .more-butt {
    width: 60%;
    margin: 8vw 20% 12vw 20%;
    padding: 4vw 3%;
    font-size: 4.5vw;
  }

  /*OS WIN*/
  .ss-win {
    width: 100%;
    height: 370vw;
    background-color: #5c087e;
    padding: 10vw 0 0 0;
  }

  .ss-win img {
    display: block;
    width: 100%;
  }

  .ss-win-header {
    width: 80%;
    padding: 5vw 5% 5vw 5%;
    font-size: 9vw;
    line-height: 10vw;
    text-align: center;
  }

  .ss-win-header2 {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding: 0.5vw 10% 0 10%;
    height: auto;
    font-family: "ABCArizonaFlare-Bold";
    font-size: 9vw;
    line-height: 11vw;
    color: #5c087e;
    text-align: center;
  }

  .ss-win-left {
    width: 100%;
    height: auto;
    padding: 1vw 10% 10vw 10%;
  }

  .ss-win-left-header {
    width: 100%;
    padding: 8vw 0 0 30%;
    font-size: 6vw;
    line-height: 7.5vw;
  }

  .ss-win-left-header2 {
    width: 100%;
    padding: 1vw 0 0 30%;
    font-size: 6vw;
    line-height: 7.5vw;
  }

  .ss-win-left-header3 {
    width: 100%;
    padding: 60vw 0 5vw 0;
    font-size: 5vw;
    line-height: 6.5vw;
  }

  .ss-win-left-image {
    width: 25vw;
    height: 90vw;
    top: 65vw;
    left: 5%;
  }

  .ss-win-left-image img {
    display: block;
    width: 100%;
  }

  .ss-win-left-image2 {
    width: 80%;
    height: auto;
    top: 145vw;
    left: 10%;
  }

  .ss-win-left-image3 {
    width: 32vw;
    height: 32vw;
    top: 73vw;
    left: 8%;
  }

  .ss-win-right {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 150vw;
    padding: 15vw 5% 10 5%;
  }

  .ss-win img {
    display: block;
    width: 100%;
  }
  .ss-bottle-grid-header {
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 90%;
    margin: 3vw 0 0 3%;
    padding: 3vw;
    height: auto;
    font-family: "ABCArizonaFlare-Bold";
    font-size: 6vw;
    line-height: 6vw;
    color: #f7ec33;
    text-align: center;
    background-color: #db025a;
    transform: rotate(-2deg);
    z-index: 1000;
  }
  /*STOCKISTS*/
  .ss-stores {
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 150vw;
    padding: 12vw 0 12vw 0;
    background-color: #ffebcf;
  }

  .ss-stores img {
    display: block;
    width: 100%;
  }

  /*SHOP BANNER*/
  .buy-available {
    position: relative;
    display: block;
    width: 100%;
    font-family: "ABCArizonaFlare-Bold";
    letter-spacing: 1px;
    color: #f7ec33;
    font-size: 6.5vw;
    line-height: 8.5vw;
    text-align: center;
    z-index: 8000;
  }

  .buy-logos {
    position: relative;
    display: block;
    box-sizing: border-box;
    width: 86%;
    height: 115vw;
    margin: 3vw 7%;
    padding: 1.7vw 2vw;
    background-color: #fff;
    border-radius: 20px;
    text-align: center;
    overflow: hidden;
  }

  .buy-logodiv {
    position: relative;
    display: inline-block;
    height: auto;
    width: 40%;
    padding: 1vw 4%;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
  }

  .buy-logodiv:hover {
    display: inline-block;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  .buy-logodiv img {
    display: block;
    width: 100%;
  }
}