:root{

    --napal-price:#B12704;

    --napal-discount:#CC0C39;

    --napal-success:#007600;

    --napal-secondary:#565959;

    --napal-text:#0F1111;

    --napal-border:#E7E7E7;

    --napal-button:#FFD814;

    --napal-button-hover:#F7CA00;

    --napal-button-border:#FCD200;

--napal-focus:#007185;

--napal-background:#FFFFFF;

--napal-transition:.15s ease;


  /* Radius */

--napal-radius:10px;

--napal-radius-pill:999px;



 /* Shadow */
--napal-shadow:0 2px 5px rgba(15,17,17,.08);
--napal-button-shadow:0 1px 2px rgba(15,17,17,.15);
--napal-button-shadow-hover:0 2px 4px rgba(15,17,17,.18);

}

.napal-status-row{

    margin-bottom:8px;

}
.napal-merchant{

    font-size:13px;

    color:var(--napal-secondary);

}



/* ----------------------------------------------------
   Purchase Box
---------------------------------------------------- */

.napal-purchase-box{

padding:20px 0;

}
.napal-current-price{

    font-size:32px;

letter-spacing:-0.5px;

    font-weight:700;

    color:var(--napal-price);

    line-height:1;

}

.napal-amazon-product{

    display:flex;

    flex-direction:column;

    background:var(--napal-background);

    border:1px solid var(--napal-border);

    border-radius:var(--napal-radius);

    box-shadow:var(--napal-shadow);

    padding:24px;

}
.napal-amazon-content{

    width:100%;

}

/* ----------------------------------------------------
   Purchase Box horizontal
---------------------------------------------------- */
.napal-horizontal{

    display:flex;

    flex-direction:row;

    align-items:center;

    gap:24px;

}
.napal-horizontal .napal-product-image{

    flex:0 0 180px;

    min-height:auto;

    margin:0;

    padding:0;

}
.napal-horizontal .napal-amazon-content{

    flex:1;

}

.napal-horizontal .napal-buy-button{

    display:inline-flex;

    width:auto;

    min-width:180px;

    justify-content:center;

}

/* ----------------------------------------------------
   Price Row
---------------------------------------------------- */

.napal-price-row{

    display:flex;

    align-items:flex-end;

    flex-wrap:wrap;

    gap:10px;

    margin-bottom:14px;

}

.napal-discount{

    background:var(--napal-discount);

    color:#FFFFFF;

    padding:2px 8px;

    border-radius:4px;

    font-size:13px;

    font-weight:700;
line-height:1.2;
white-space:nowrap;

}
.napal-old-price{

    color:var(--napal-secondary);

    text-decoration:line-through;

    font-size:15px;

    white-space:nowrap;

}

.napal-prime{

   display:inline-flex;

align-items:center;

white-space:nowrap;

    font-weight:700;

    font-size:15px;

}
/* ----------------------------------------------------
   Availability
---------------------------------------------------- */

.napal-availability{

    font-size:13px;

    font-weight:500;

}

.napal-availability.in-stock{

    color:var(--napal-success);

}

.napal-availability.low-stock{

    color:var(--napal-price);

}

.napal-availability.out-of-stock{

    color:var(--napal-discount);

}

/* ----------------------------------------------------
   Buy Button
---------------------------------------------------- */
.napal-buy-button{

    display:block;

    width:100%;

    margin-top:20px;

    padding:12px 18px;

    border:1px solid var(--napal-button-border);

    border-radius:var(--napal-radius-pill);

    background:var(--napal-button);

    color:var(--napal-text);

    text-align:center;

    font-size:15px;

    font-weight:600;

    text-decoration:none;

    line-height:1.3;

transition:
background-color var(--napal-transition),
box-shadow var(--napal-transition);

    box-shadow:var(--napal-button-shadow);

}

.napal-buy-button:hover{

    background:var(--napal-button-hover);

    box-shadow:var(--napal-button-shadow-hover);

}
.napal-buy-button:active{

    transform:translateY(1px);

}

.napal-buy-button:focus-visible{

    outline:2px solid var(--napal-focus);

    outline-offset:2px;

}


/* ----------------------------------------------------
   Product Image
---------------------------------------------------- */

.napal-product-image{

    display:flex;

    justify-content:center;

    align-items:center;

    min-height:220px;

    margin:24px 0;

padding-bottom:10px;

}

.napal-product-image img{

    max-width:180px;

    max-height:200px;

    width:auto;

    height:auto;

    object-fit:contain;

    transition:transform .2s ease;

}

.napal-product-image img:hover{

    transform:scale(1.03);

}

/* ----------------------------------------------------
   Responsive (Mobile)
---------------------------------------------------- */

@media (max-width:768px){

.napal-horizontal{

    flex-direction:column;

    gap:16px;

}

.napal-horizontal .napal-buy-button{

    display:block;

    width:100%;

    min-width:0;

}

.napal-horizontal .napal-product-image{

    flex:none;

    width:100%;

    margin:0 auto;

}

.napal-horizontal .napal-amazon-content{

    width:100%;

}

    .napal-purchase-box{

        padding:16px;

        margin:14px 0;

    }

    .napal-price-row{

        gap:8px;

        margin-bottom:12px;

    }

    .napal-current-price{

        font-size:28px;

    }

    .napal-discount{

        font-size:12px;

        padding:2px 6px;

    }

    .napal-old-price{

        font-size:14px;

    }

    .napal-prime{

        font-size:14px;

    }

    .napal-availability{

        font-size:12px;

    }

    .napal-merchant{

        font-size:12px;

    }

    .napal-buy-button{

        font-size:16px;

        padding:14px 18px;

    }

.napal-product-image{

    min-height:auto;

    margin:16px 0;

}

    .napal-product-image img{

    max-width:170px;

    max-height:170px;

    }

}