/* ---------- κινητό και tablet ----------
   Φορτώνεται τελευταίο: header με hamburger και πλαϊνό μενού, οι ενότητες της αρχικής, κάρτες και footer. */

body{overflow-x:clip}
.hm-btn{display:none}
@media (min-width:1001px){.sn-drawer{display:none!important}}

@media (max-width:1000px){
  /* header: hamburger, λογότυπο, αναζήτηση, λογαριασμός, καλάθι */
  .nav,.masthead .search{display:none}
  .masthead .wrap,[data-theme="fresh"] .masthead .wrap,.head.is-compact .masthead .wrap{height:64px;padding-block:0;gap:4px;flex-wrap:nowrap}
  .hm-btn{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border:0;border-radius:50%;background:none;color:var(--ink);cursor:pointer}
  .hm-btn:hover{background:var(--sn-g-f1f2f4)}
  .hm-burger{margin-left:-10px}
  .logo{margin-right:auto;min-width:0}
  .logo img,.head.is-compact .logo img{width:200px;height:auto}
  .head-actions{display:flex;gap:2px;margin-left:0}
  .head-actions .hact{display:grid;width:44px;height:44px;padding:0;place-items:center;border-radius:50%}
  .hact span:not(.hact-count){display:none}
  .hcart,[data-theme="fresh"] .hcart,.head.is-compact .hcart{height:44px;padding:0 12px;gap:10px;margin-left:4px}

  /* πλαϊνό μενού */
  .sn-drawer{position:fixed;inset:0;z-index:300}
  .dr-scrim{position:absolute;inset:0;background:rgba(14,15,18,.5);opacity:0;transition:opacity .25s}
  .dr-panel{position:absolute;top:0;bottom:0;left:0;width:min(88vw,400px);background:#fff;display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;transform:translateX(-100%);transition:transform .28s var(--ease-out,ease)}
  .dr-panel > *{flex-shrink:0}
  .sn-drawer.is-open .dr-scrim{opacity:1}
  .sn-drawer.is-open .dr-panel{transform:none}
  .dr-head{display:flex;align-items:center;justify-content:space-between;padding:10px 10px 6px 20px;font-family:var(--sn-display);font-weight:800;font-size:22px;text-transform:uppercase}
  .dr-head .hm-btn{display:grid;background:var(--sn-g-f1f2f4)}
  .dr-search{display:flex;align-items:center;gap:10px;height:50px;margin:6px 20px 10px;padding:0 16px;border-radius:999px;background:var(--sn-g-f1f2f4);color:var(--ink-3)}
  .dr-search input[type=search]{flex:1;min-width:0;height:100%;border:0;background:none;font:inherit;font-size:16px;color:var(--ink)}
  .dr-search input:focus{outline:0}
  .dr-search:focus-within{box-shadow:0 0 0 2px var(--ink)}
  .dr-nav{display:flex;flex-direction:column;padding:4px 20px 16px}
  .dr-all{display:flex;align-items:center;justify-content:space-between;height:52px;padding:0 18px;margin-bottom:6px;border-radius:14px;background:var(--ink);color:#fff;font-family:var(--sn-display);font-weight:800;font-size:19px;text-transform:uppercase}
  .dr-link,.dr-group summary{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:54px;border-bottom:1px solid var(--hair-soft);font-weight:700;font-size:17px;color:var(--ink);cursor:pointer;list-style:none}
  .dr-group summary::-webkit-details-marker{display:none}
  .dr-group summary svg{transition:transform .2s;color:var(--ink-3)}
  .dr-group[open] summary svg{transform:rotate(180deg)}
  .dr-group ul{list-style:none;margin:0;padding:6px 0 12px;border-bottom:1px solid var(--hair-soft)}
  .dr-group li a{display:flex;align-items:center;gap:10px;min-height:42px;padding-left:12px;font-size:15.5px;color:var(--ink-2)}
  .dr-group li a em{margin-left:auto;font-style:normal;font-size:12.5px;font-weight:700;color:var(--ink-3);padding:2px 9px;border-radius:999px;background:var(--sn-g-f1f2f4)}
  .dr-group li a svg{color:var(--ink-3)}
  .dr-hot{justify-content:flex-start;color:var(--red)}
  .dr-foot{margin-top:auto;display:flex;flex-wrap:wrap;gap:10px 20px;padding:18px 20px 32px;border-top:1px solid var(--hair-soft);background:var(--sn-g-f4f5f7);font-size:14.5px;color:var(--ink-2)}
  .dr-phone{width:100%;display:flex;align-items:center;gap:8px;font-weight:700;color:var(--ink)}

  /* λίστα προϊόντων: ο τίτλος παίρνει όλο το πλάτος της κάρτας */
  [data-theme="fresh"] .grid-products{gap:10px}
  [data-theme="fresh"] .card{padding:8px 8px 12px}
  [data-theme="fresh"] .card-body,[data-theme="fresh"] .card-foot{padding:0 4px}

  /* footer */
  [data-theme="fresh"] .foot-top{grid-template-columns:minmax(0,1fr)}
  .footer .foot-contact{grid-template-columns:minmax(0,1fr)}
}

/* «Δες επίσης» και άλλες λωρίδες προϊόντων: όλες οι κάρτες ίδιο πλάτος (χωρίς τις στήλες του πλέγματος) */
@media (max-width:860px){
  [data-theme="fresh"] .grid-products.grid-rail{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 20px) / 3);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
}

@media (max-width:600px){
  [data-theme="fresh"] .grid-products.grid-rail{grid-auto-columns:62%}

  /* ο λογαριασμός είναι στο πλαϊνό μενού: το λογότυπο παίρνει τον χώρο του */
  .head-actions .hact{display:none}
  .logo img,.head.is-compact .logo img{width:min(210px,calc(100vw - 166px))}
  .hcart,[data-theme="fresh"] .hcart,.head.is-compact .hcart{width:44px;padding:0;justify-content:center;border-radius:50%}
  .hcart-txt{display:none}

  /* κατηγορίες σε πλαίσια: η εικόνα κάτω δεξιά, το βέλος μόνο στο μεγάλο πλαίσιο */
  .da-bento.hb-bento .da-tile img{height:60%;right:-6%;bottom:-6%}
  .da-bento.hb-bento .da-t-big img{height:76%;right:2%;bottom:-8%}
  .da-bento.hb-bento .da-tile:not(.da-t-big) .da-go{display:none}

  /* στόχοι: πλέγμα τριών στηλών, όλοι ορατοί */
  .goals{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-columns:auto;overflow:visible;margin-inline:0;padding-inline:0;gap:18px 8px}
  .goal .goal-ico{width:64px;height:64px}

  /* δημοφιλή: χωρίς βέλος πάνω στη συσκευασία, όλο το πλαίσιο είναι σύνδεσμος */
  .db-block .da-go{display:none}
  .db-block b,.db-block-big b{min-height:3em}
  .db-block img,.db-block-big img{left:0;right:0;margin-inline:auto;bottom:-6%;height:46%;max-width:84%;object-fit:contain;transform:rotate(-4deg)}
  .db-block:hover img{transform:rotate(3deg) translateY(-10px) scale(1.04)}

  /* νέες αφίξεις και εξοπλισμός: ο τίτλος σε όλο το πλάτος, χώρος για το κουμπί μόνο στη γραμμή της τιμής */
  .na-item:not(.na-lead) img{top:46px;height:34%}
  .na-item .na-txt,.eq-item .na-txt{max-width:100%;padding-right:0}
  .na-item:not(.na-lead) .na-txt em,.eq-item .na-txt em{padding-right:46px}
  .eq-item .na-txt b{-webkit-line-clamp:3}
  .eq-subs{flex-wrap:wrap;overflow:visible}

  /* προσφορές: το ποσοστό στο φόντο χωρά στην οθόνη */
  .da-offer-num{left:0;font-size:34vw}

  /* footer: η τρίτη στήλη (Εξυπηρέτηση) σε όλο το πλάτος, κάθε σύνδεσμος σε μία γραμμή */
  .footer .footer-grid > div:last-child{grid-column:1 / -1}
  [data-theme="fresh"] .foot-form button{padding:0 20px;font-size:16px}
}

/* μικρά τηλέφωνα (320 έως 380) */
@media (max-width:380px){
  .masthead .wrap,[data-theme="fresh"] .masthead .wrap{padding-inline:12px}
  .hm-burger{margin-left:-4px}
  .section-head{flex-wrap:wrap;row-gap:10px}
  .po-body{overflow-wrap:anywhere}
  .db-block b,.db-block-big b{font-size:18px;overflow-wrap:anywhere}
  [data-theme="fresh"] .card-foot{gap:6px}
  [data-theme="fresh"] .card-add{width:36px;height:36px}
  [data-theme="fresh"] .card .price-now{font-size:17px}
}

/* πίνακας διατροφικών: στενά κελιά, ώστε έως 3 στήλες τιμών να χωρούν χωρίς οριζόντιο κύλισμα */
@media (max-width:640px){
  .pp-nut{font-size:13px}
  .pp-nut th{padding:10px 6px;font-size:13px;line-height:1.15}
  .pp-nut td{padding:8px 6px;overflow-wrap:break-word;line-height:1.3}
  .pp-nut th:first-child,.pp-nut td:first-child{padding-left:12px}
  .pp-nut th:last-child,.pp-nut td:last-child{padding-right:12px}
  .pp-nut tr.sub td:first-child{padding-left:20px}
}