Update Layout “code”

content/code.json

@@ -1,5 +1,5 @@
 {
-  "css": ".header {\n  background: #a7beae !important;\n}\n.header__toggler-icon {\n  color: #699686 !important;\n}\n.header__nav a{\n color: #699686 !important;\n}\n#cart-button .fa-shopping-bag::before, #user-button .fa-user::before {\n  background-color: #699686 !important;;\n}\n#cart-count {\n  background: transparent\n}\n\n.product-card {\n  height: 0%; important!\n  padding var(--spacer-) important!\n}\n@media (max-width:767px) {\n    .product-list > .col-sm-6, .product-page + .grid-title + hr + .row > .col-sm-6 {\n        width: 50%;\n        float: left\n    }\n     .product-item { height: 280px !important; } \n\n}\n\n#voltar {\nborder: 1px solid #10736e;\n}\n\n@media(min-width:576px)\n{.header__logo\n  {max-height:60px;\n   max-width:100px\n     }\n  @media(min-width:800px)\n{.header__logo\n  {max-height:60px;\n   max-width:150px\n     }\n}\n\n.header__nav {\n   text-align: left !important;\n    padding: 22px 12px 23px !important;\n}\n\n@media screen and (max-width:576px){\n.banner picture{\n       margin: 0.1cm !important;\n  }\n}\n@media screen and (min-width:576px){\n.banner picture{\n       margin: 0.5cm !important;\n  }\n}\n.minicart__subtotal{\n  color:var(--primary)!important;\n}\n.btn-outline-secondary{\n  border-color:var(--primary)!important;\n  color:var(--primary)  !important\n}\n.app__header{\n   background: #699686 !important;\n}\n.summary__amount__row--total strong {\n  color:var(--primary)!important;\n}\n\n.search-engine__toggles button {\n  color:var(--primary)!important;\n}\n\n@media (max-width: 700px) {\n.prices__discount \n    color: #699686 !important;\n}\n\n.prices__discount-label {\n  color: #699686 !important;\n}\n\n  \n.element.style {\n    background-color: #50b448;\n}\n\n .prices {\ndisplay: flex;\nflex-direction: column;\n}\n\n.prices__compare {\norder: 1;\nfont-size: var(--font-size-lg);\n}\n\n.prices__value + span {\norder: 2;\ndisplay: flex;\nflex-direction: column;\nfont-size: var(--font-size-lg);\n}\n\n.prices__value {\norder: 3;\nfont-size: var(--font-size-sm);\n}\n\n.prices__installments {\norder: 1;\nfont-size: var(--font-size-sm);\n}\n\n/* Ajustes para mobile */\n@media (max-width: 1199px) {\n.prices {\nflex-direction: column;\n}\n\n.prices__compare {\norder: 1;\nfont-size: var(--font-size-md); /* Ajuste para mobile, se necessário */\n}\n\n.prices__value + span {\norder: 2;\nfont-size: var(--font-size-md) !important;\n}\n\n.prices__value {\norder: 3;\nfont-size: var(--font-size-sm);\ndisplay: block; /* Garantindo que seja exibido no mobile */\n}\n\n.prices__installments {\norder: 4; /* Ajuste para manter a organização no mobile */\n}\n}\n\n/* Ajustes para desktop */\n@media (min-width: 1200px) {\n.prices__value {\norder: 3;\nfont-size: var(--font-size-sm) !important;\n}\n}\n\n/* Escondendo o preço por padrão */\n.prices__value {\ndisplay: none;\n}\n  \n  .payment-option__installment li:after, .prices__installments span:after {\n    content: \" no cartão\";\n}\n  \n  \n  .prices__value {\n    display: none !important;\n    font-size: var(--font-size-lg);\n}\n  \n@media (max-width: 575.98px) {\n.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {\n    padding-left: 0px !important;\n    padding-right: 0px !important;\n   }\n  }\n  /* Ajuste para mobile, tamanho do nome da categoria */\n  @media (max-width: 575.98px) {\n    .h1, h1 {\n        font-size: calc(1.1rem + 1.1vw);\n    }\n}\n  \nmain .product__buy .quantity-selector__btn-container {\ndisplay: inherit;\nmargin-left: 0;\nmargin-right: 10px;\nborder-radius: 10px;\nheight: 55px;\n}\nmain .product__buy .btn-lg{\nheight: 55px;\n}\n.quantity-selector__input {\npadding-top: 20px;\n}\n  ",
+  "css": ".header {\n  background: #a7beae !important;\n}\n.header__toggler-icon {\n  color: #699686 !important;\n}\n.header__nav a{\n color: #699686 !important;\n}\n#cart-button .fa-shopping-bag::before, #user-button .fa-user::before {\n  background-color: #699686 !important;;\n}\n#cart-count {\n  background: transparent\n}\n\n.product-card {\n  height: 0%; important!\n  padding var(--spacer-) important!\n}\n@media (max-width:767px) {\n    .product-list > .col-sm-6, .product-page + .grid-title + hr + .row > .col-sm-6 {\n        width: 50%;\n        float: left\n    }\n     .product-item { height: 280px !important; } \n\n}\n\n#voltar {\nborder: 1px solid #10736e;\n}\n\n@media(min-width:576px)\n{.header__logo\n  {max-height:60px;\n   max-width:100px\n     }\n  @media(min-width:800px)\n{.header__logo\n  {max-height:60px;\n   max-width:150px\n     }\n}\n\n.header__nav {\n   text-align: left !important;\n    padding: 22px 12px 23px !important;\n}\n\n@media screen and (max-width:576px){\n.banner picture{\n       margin: 0.1cm !important;\n  }\n}\n@media screen and (min-width:576px){\n.banner picture{\n       margin: 0.5cm !important;\n  }\n}\n.minicart__subtotal{\n  color:var(--primary)!important;\n}\n.btn-outline-secondary{\n  border-color:var(--primary)!important;\n  color:var(--primary)  !important\n}\n.app__header{\n   background: #699686 !important;\n}\n.summary__amount__row--total strong {\n  color:var(--primary)!important;\n}\n\n.search-engine__toggles button {\n  color:var(--primary)!important;\n}\n\n@media (max-width: 700px) {\n.prices__discount \n    color: #699686 !important;\n}\n\n.prices__discount-label {\n  color: #699686 !important;\n}\n\n  \n.element.style {\n    background-color: #50b448;\n}\n\n .prices {\ndisplay: flex;\nflex-direction: column;\n}\n\n.prices__compare {\norder: 1;\nfont-size: var(--font-size-lg);\n}\n\n.prices__value + span {\norder: 2;\ndisplay: flex;\nflex-direction: column;\nfont-size: var(--font-size-lg);\n}\n\n.prices__value {\norder: 3;\nfont-size: var(--font-size-sm);\n}\n\n.prices__installments {\norder: 1;\nfont-size: var(--font-size-sm);\n}\n\n/* Ajustes para mobile */\n@media (max-width: 1199px) {\n.prices {\nflex-direction: column;\n}\n\n.prices__compare {\norder: 1;\nfont-size: var(--font-size-md); /* Ajuste para mobile, se necessário */\n}\n\n.prices__value + span {\norder: 2;\nfont-size: var(--font-size-md) !important;\n}\n\n.prices__value {\norder: 3;\nfont-size: var(--font-size-sm);\ndisplay: block; /* Garantindo que seja exibido no mobile */\n}\n\n.prices__installments {\norder: 4; /* Ajuste para manter a organização no mobile */\n}\n}\n\n/* Ajustes para desktop */\n@media (min-width: 1200px) {\n.prices__value {\norder: 3;\nfont-size: var(--font-size-sm) !important;\n}\n}\n\n/* Escondendo o preço por padrão */\n.prices__value {\ndisplay: none;\n}\n  \n  .payment-option__installment li:after, .prices__installments span:after {\n    content: \" no cartão\";\n}\n  \n  \n  .prices__value {\n    display: none !important;\n    font-size: var(--font-size-lg);\n}\n  \n@media (max-width: 575.98px) {\n.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {\n    padding-left: 0px !important;\n    padding-right: 0px !important;\n   }\n  }\n  /* Ajuste para mobile, tamanho do nome da categoria */\n  @media (max-width: 575.98px) {\n    .h1, h1 {\n        font-size: calc(1.1rem + 1.1vw);\n    }\n}\n  \nmain .product__buy .quantity-selector__btn-container {\ndisplay: inherit;\nmargin-left: 0;\nmargin-right: 10px;\nborder-radius: 10px;\nheight: 55px;\n}\nmain .product__buy .btn-lg{\nheight: 55px;\n}\n.quantity-selector__input {\npadding-top: 20px;\n}\n  \n  main .product__buy .quantity-selector__btn-container {\n    border: 1px solid #c8c8c8;\n    \n  }",
   "html_head": "",
   "html_body": ""
 }