odessy

@media only screen and (max-width: 479px){
  .header__mobile {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .js__show__mobile .theme__header__toolbar, 
  .header__mobile .theme__header__toolbar {
    grid-column: 1 / span 8;
  }
  .header__mobile .header__logo.header__logo--image{
    grid-column: 3 / span 4;

odessy

<!-- Liquid - Add product sold label -->                       
{% assign current_variant = product.selected_or_first_available_variant %}
<p class="badge-wrapper"><span class="sold-out uppercase" {% if current_variant.available == "" %}style="display:none;" {% endif %}>{{ 'products.product.sold_out' | t }}</span></p>

<script>
  document.addEventListener('theme:variant:change', function(event) {
    const variant = event.detail.variant;
    let container = event.target;

    if(event.target.outerWrapper){

odessy

{% if cart.taxes_included %}
<p class="product__block__price" style="--PB: 18px;">{{ 'cart.general.shipping_at_checkout' | t }}</p>
{% endif %}

odessy

{%- liquid
assign swatch_option = nil
if settings.swatches_enable
  assign swatch_translation = 'general.swatches.color' | t
  assign swatch_labels = swatch_translation | append: ',' | split: ','
  for label in swatch_labels
    assign sanitized_label = label | lstrip | rstrip
    if product.options_by_name[sanitized_label].values.size > 0
      assign swatch_option = product.options_by_name[sanitized_label]
      break

odessy

<div data-api-content>
  <div class="drawer__top quickview__modal__top" data-quickview-head>

    <div class="drawer__top__left">
      {%- render 'product-title', product: product, block: block, section: section -%}
      {%- render 'product-price', product: product, block: block, section: section -%}
    </div>

    <button class="drawer__button drawer__close"
      data-first-focus

odessy

  {% if template contains 'collection' %} 
    <link rel="canonical" href="{{ shop.url }}{{ collection.url }}" /> 
    {% elsif canonical_url != blank %} 
    <link rel="canonical" href="{{ canonical_url }}"> 
  {% endif %}

odessy

/* CSS - change Add to Cart button color */
.product-clip__btn,
.product__submit__buttons .btn--add-to-cart {
  background-color: var(--COLOR-PRIMARY);
  border: 1px solid var(--COLOR-PRIMARY);
  color: var(--COLOR-PRIMARY-OPPOSITE);
}
.product-clip__btn:hover, .product-clip__btn:focus,
.product__submit__buttons .btn--add-to-cart:hover, .product__submit__buttons .btn--add-to-cart:focus {
  background-color: var(--COLOR-PRIMARY-HOVER);

odessy

Low inventory <span class=hidden>{{ inventory }}</span>

odessy

@media only screen and (max-width: 768px) {
    .template-password .input-group--inner-button {
        display: flex;
        flex-direction: column;
    }
    .template-password .input-group-button{
        width: 100%;
    }
    .template-password .input-group .btn,
    .template-password .input-group .input-group-field{

odessy

.swatch__button input:checked~label:after, .swatch__label[aria-selected=true]:after{
    --swatch-offset: 3px;
    top: calc(var(--swatch-offset) * -1);
    left: calc(var(--swatch-offset) * -1);
    width: calc(var(--swatch-size) + var(--swatch-offset) * 2);
    height: calc(var(--swatch-size) + var(--swatch-offset) * 2);
    border-color: var(--secondary);
}
.product__grid__info .grid__swatch__hover,
.grid__swatch__container{