/* Frutico Classic product page */
.classic-titlebar{height:120px;background:linear-gradient(180deg,#ffe86b 0%,#ffd629 100%);display:flex;align-items:center;justify-content:center}
.classic-titlebar h1{margin:0;color:#004f32;font-family:cursive;font-style:italic;font-size:42px;font-weight:700;line-height:1}
.classic-products{padding:72px 0 55px;background:#fff}
.classic-list{width:min(1100px,94%);margin:0 auto}
.classic-product{display:grid;grid-template-columns:1fr 1fr;gap:68px;align-items:center;min-height:400px;margin-bottom:68px}
.classic-product:last-child{margin-bottom:18px}
.classic-copy{padding-left:0}
.classic-percent{font-size:31px;line-height:1;color:#f3bd00;font-weight:700;font-style:italic;margin:0 0 24px}
.classic-name{font-size:34px;line-height:1.02;font-weight:800;margin:0 0 18px;color:#111;letter-spacing:-.7px}
.classic-desc{font-size:15px;line-height:1.62;color:#7b7b7b;max-width:500px;margin:0 0 34px}
.classic-specs{width:510px;max-width:100%}
.classic-spec{display:grid;grid-template-columns:96px 1fr auto;align-items:center;gap:10px;min-height:43px;font-size:14px;color:#7c7c7c}
.classic-spec .dots{height:1px;border-bottom:1px dotted #c9c9c9;margin-top:3px}
.classic-value{background:#004f32;color:#fff;border-radius:999px;min-width:50px;padding:6px 13px;text-align:center;font-size:14px;font-weight:700;line-height:1}
.classic-value.wide{min-width:76px}
.classic-image{width:100%;height:400px;object-fit:cover;border-radius:30px;box-shadow:0 10px 28px rgba(0,0,0,.10)}
.classic-product:nth-child(2n) .classic-image{order:2}
.classic-product:nth-child(2n) .classic-copy{order:1}
@media(max-width:900px){.classic-products{padding:55px 0 35px}.classic-list{width:min(720px,92%)}.classic-product{grid-template-columns:1fr;gap:32px;min-height:0;margin-bottom:78px}.classic-product .classic-image{order:2}.classic-product .classic-copy{order:1}.classic-image{height:360px}.classic-desc,.classic-specs{max-width:100%}}
@media(max-width:560px){.classic-titlebar{height:82px}.classic-titlebar h1{font-size:31px}.classic-products{padding:42px 0 25px}.classic-product{margin-bottom:62px;gap:25px}.classic-image{height:250px;border-radius:20px}.classic-percent{font-size:25px;margin-bottom:17px}.classic-name{font-size:27px;margin-bottom:15px}.classic-desc{font-size:13px;line-height:1.55;margin-bottom:24px}.classic-spec{font-size:12px;grid-template-columns:82px 1fr auto;min-height:38px}.classic-value{font-size:12px;padding:5px 10px;min-width:43px}.classic-value.wide{min-width:62px}}


/* =========================================================
   Frutico Classic / Premium — final mobile responsive fix
   ========================================================= */
@media (max-width: 820px){
  html, body{
    width:100%;
    max-width:100%;
    overflow-x:hidden;
  }

  .classic-titlebar{
    width:100%;
    height:auto;
    min-height:88px;
    padding:20px 16px;
    text-align:center;
  }

  .classic-titlebar h1{
    width:100%;
    max-width:100%;
    margin:0;
    font-size:clamp(28px,8vw,36px);
    line-height:1.08;
    overflow-wrap:anywhere;
  }

  .classic-products{
    width:100%;
    padding:38px 0 24px;
  }

  .classic-list{
    width:100%;
    max-width:680px;
    margin:0 auto;
    padding:0 20px;
  }

  .classic-product{
    display:flex;
    flex-direction:column;
    width:100%;
    gap:26px;
    margin:0 0 58px;
    min-height:0;
    align-items:stretch;
  }

  .classic-product .classic-copy,
  .classic-product .classic-image{
    order:initial !important;
    width:100%;
    min-width:0;
  }

  .classic-copy{
    padding:0;
  }

  .classic-percent{
    margin:0 0 15px;
    font-size:26px;
  }

  .classic-name{
    margin:0 0 16px;
    font-size:clamp(27px,7vw,34px);
    line-height:1.08;
    letter-spacing:-.4px;
  }

  .classic-desc{
    width:100%;
    max-width:none;
    margin:0 0 24px;
    font-size:15px;
    line-height:1.6;
  }

  .classic-specs{
    width:100%;
    max-width:none;
    min-width:0;
  }

  .classic-spec{
    width:100%;
    min-width:0;
    grid-template-columns:minmax(78px,auto) minmax(0,1fr) auto;
    gap:8px;
    min-height:42px;
    font-size:13px;
  }

  .classic-spec > span:first-child{
    min-width:0;
  }

  .classic-spec .dots{
    min-width:0;
    width:100%;
  }

  .classic-value{
    flex:none;
    white-space:nowrap;
    font-size:12px;
    padding:6px 11px;
    min-width:48px;
  }

  .classic-value.wide{
    min-width:72px;
  }

  .classic-image{
    display:block;
    height:auto !important;
    max-width:100%;
    width:100%;
    aspect-ratio:auto;
    object-fit:contain;
    border-radius:20px;
    box-shadow:0 8px 22px rgba(0,0,0,.10);
  }
}

@media (max-width: 560px){
  .classic-list{
    padding:0 18px;
  }

  .classic-products{
    padding-top:34px;
  }

  .classic-product{
    gap:22px;
    margin-bottom:52px;
  }

  .classic-percent{
    font-size:24px;
    margin-bottom:13px;
  }

  .classic-name{
    font-size:27px;
  }

  .classic-desc{
    font-size:14px;
    line-height:1.58;
  }

  .classic-spec{
    grid-template-columns:minmax(78px,auto) minmax(0,1fr) auto;
    font-size:12px;
    min-height:40px;
  }

  .classic-value{
    font-size:11px;
    padding:6px 9px;
  }

  .classic-value.wide{
    min-width:66px;
  }

  .classic-image{
    border-radius:18px;
  }
}