@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;700;800&family=DM+Sans:wght@400;500&display=swap');
:root { --pko-blue: #2156A0; --pko-blue-mid: #3171C9; --pko-blue-light: #4a8fe8; --pko-green: #69be28; --pko-green-dk: #57a020; --pko-red: #e8321a; --pko-card-bg: #ffffff; --pko-card-border: #e2e8f0; --pko-card-shadow: 0 1px 8px rgba(33,86,160,.08); --pko-card-shadow-hover: 0 6px 24px rgba(33,86,160,.18); --pko-card-hover-border: #3171C9; --pko-title-color: #1a2640; --pko-title-text: #1a2640; --pko-meta-text: #4a5568; --pko-validity-text: #718096; --pko-brand-color: #2156A0; --pko-price-color: #69be28; --pko-oldprice: #a0aec0; --pko-img-bg: #f0f4f8; --pko-store-badge-bg: #eef4ff; --pko-store-badge-border: #c3d9f0; --pko-store-icon-bg: #2156A0; --pko-store-icon-text: #ffffff; --pko-store-name-color: #2d3748; --pko-badge-bg: #e8321a; --pko-badge-text: #ffffff; --pko-link-color: #2156A0; --pko-form-bg: #ffffff; --pko-form-border: #e2e8f0; --pko-input-bg: #f7f9fc; --pko-input-border: #cbd5e0; --pko-input-text: #1a2640; --pko-input-placeholder: #a0aec0; --pko-btn-bg: #3171C9; --pko-btn-text: #ffffff; --pko-btn-hover-bg: #2156A0; --pko-select-bg: #f7f9fc; --pko-zip-bg: #eef4ff; --pko-zip-border: #c3d9f0; --pko-zip-text: #2156A0; --pko-zip-btn-bg: #3171C9; --pko-zip-btn-text: #ffffff; --pko-quicklink-bg: #f0f4f8; --pko-quicklink-border: #e2e8f0; --pko-quicklink-text: #2d3748; --pko-quicklink-label: #a0aec0; --pko-quicklink-active-bg: #3171C9; --pko-quicklink-active-text: #ffffff; --pko-spinner-border: #e2e8f0; --pko-spinner-top: #3171C9; --pko-spinner-text: #a0aec0; --pko-section-divider: linear-gradient(90deg, #3171C9, transparent); --pko-empty-border: #e2e8f0; --pko-empty-text: #a0aec0; --pko-error-bg: #fff5f5; --pko-error-border: #fecaca; --pko-error-text: #e8321a; --pko-radius: 13px; --pko-transition: all .22s cubic-bezier(.4,0,.2,1); --pko-font-head: 'Outfit', sans-serif; --pko-font-body: 'DM Sans', sans-serif; }
[data-theme="dark"] { --pko-blue: #4da6ff; --pko-blue-mid: #6bbdff; --pko-green: #66bb6a; --pko-green-dk: #4caf50; --pko-card-bg: #1e2130; --pko-card-border: #2e3245; --pko-card-shadow: 0 2px 10px rgba(0,0,0,.4); --pko-card-shadow-hover: 0 8px 28px rgba(77,166,255,.14); --pko-card-hover-border: #4da6ff; --pko-title-color: #e2e4ec; --pko-title-text: #e2e4ec; --pko-meta-text: #b0b8c8; --pko-validity-text: #9aa3b2; --pko-brand-color: #4da6ff; --pko-price-color: #66bb6a; --pko-oldprice: #9aa3b2; --pko-img-bg: #131720; --pko-store-badge-bg: #252838; --pko-store-badge-border: #2e3245; --pko-store-icon-bg: #4da6ff; --pko-store-icon-text: #0a0e1a; --pko-store-name-color: #b0b8c8; --pko-link-color: #4da6ff; --pko-form-bg: #1e2130; --pko-form-border: #2e3245; --pko-input-bg: #131720; --pko-input-border: #2e3245; --pko-input-text: #e2e4ec; --pko-input-placeholder: #9aa3b2; --pko-btn-bg: #4da6ff; --pko-btn-text: #0a0e1a; --pko-btn-hover-bg: #80c0ff; --pko-select-bg: #131720; --pko-zip-bg: #252838; --pko-zip-border: #2e3245; --pko-zip-text: #b0b8c8; --pko-zip-btn-bg: #4da6ff; --pko-zip-btn-text: #0a0e1a; --pko-quicklink-bg: #252838; --pko-quicklink-border: #2e3245; --pko-quicklink-text: #b0b8c8; --pko-quicklink-label: #9aa3b2; --pko-quicklink-active-bg: #4da6ff; --pko-quicklink-active-text: #0a0e1a; --pko-spinner-border: #2e3245; --pko-spinner-top: #4da6ff; --pko-spinner-text: #9aa3b2; --pko-section-divider: linear-gradient(90deg, #4da6ff, transparent); --pko-empty-border: #2e3245; --pko-empty-text: #9aa3b2; --pko-error-bg: #2a1515; --pko-error-border: #5d2020; --pko-error-text: #ef5350; }
.pko-section { margin:2.5rem 0; font-family:var(--pko-font-body); }
.pko-section__title { font-family:var(--pko-font-head); font-size:clamp(1.3rem,2.5vw,1.8rem); font-weight:800; color:var(--pko-title-color); margin:0 0 1.25rem; letter-spacing:-.02em; display:flex; align-items:center; gap:.4em; }
.pko-section__title::after { content:''; flex:1; height:3px; background:var(--pko-section-divider); border-radius:2px; margin-left:.5em; }
.pko-zip-bar { display:flex; align-items:center; flex-wrap:wrap; gap:8px; background:var(--pko-zip-bg); border:1px solid var(--pko-zip-border); border-radius:var(--pko-radius); padding:10px 14px; margin-bottom:18px; font-family:var(--pko-font-body); font-size:.875rem; color:var(--pko-zip-text); }
.pko-zip-bar__label { font-size:1.1rem; flex-shrink:0; }
.pko-zip-bar__location-wrap { position:relative; flex:1 1 200px; }
.pko-zip-bar__location-input { width:100%; padding:7px 12px; border:1px solid var(--pko-input-border); border-radius:8px; background:var(--pko-input-bg); color:var(--pko-input-text); font-family:var(--pko-font-body); font-size:.875rem; outline:none; transition:var(--pko-transition); }
.pko-zip-bar__location-input:focus { border-color:var(--pko-blue-mid); box-shadow:0 0 0 3px rgba(49,113,201,.15); }
.pko-zip-bar__location-input.pko-zip-bar__input--error { border-color:var(--pko-red); animation:pkoShake .4s; }
.pko-zip-bar__gps-btn { display:flex; align-items:center; justify-content:center; width:36px; height:36px; border:1px solid var(--pko-zip-border); border-radius:8px; background:#fff; color:var(--pko-blue-mid); cursor:pointer; flex-shrink:0; transition:var(--pko-transition); }
.pko-zip-bar__gps-btn:hover { background:var(--pko-blue-mid); color:#fff; border-color:var(--pko-blue-mid); }
.pko-zip-bar__gps-btn svg { width:16px; height:16px; }
.pko-zip-bar__gps-btn--loading { animation:pkoSpin 1s linear infinite; }
.pko-zip-bar__btn { padding:7px 16px; background:var(--pko-zip-btn-bg); color:var(--pko-zip-btn-text); border:none; border-radius:8px; font-family:var(--pko-font-head); font-size:.85rem; font-weight:600; cursor:pointer; white-space:nowrap; transition:var(--pko-transition); }
.pko-zip-bar__btn:hover { background:var(--pko-blue); }
.pko-zip-bar__reset { padding:5px 10px; background:transparent; color:var(--pko-meta-text); border:1px solid var(--pko-card-border); border-radius:8px; font-size:.8rem; cursor:pointer; transition:var(--pko-transition); }
.pko-zip-bar__reset:hover { background:var(--pko-error-bg); color:var(--pko-red); border-color:var(--pko-red); }
.pko-zip-bar__hint { font-size:.78rem; color:var(--pko-validity-text); margin-left:auto; }
.pko-location-suggestions { position:absolute; top:calc(100% + 4px); left:0; right:0; background:var(--pko-card-bg); border:1px solid var(--pko-card-border); border-radius:10px; box-shadow:var(--pko-card-shadow-hover); z-index:999; overflow:hidden; }
.pko-suggestion-item { display:block; width:100%; padding:9px 14px; text-align:left; background:transparent; border:none; border-bottom:1px solid var(--pko-card-border); font-family:var(--pko-font-body); font-size:.875rem; color:var(--pko-input-text); cursor:pointer; transition:background .15s; }
.pko-suggestion-item:last-child { border-bottom:none; }
.pko-suggestion-item:hover { background:var(--pko-zip-bg); color:var(--pko-blue-mid); }
.pko-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(195px,1fr)); gap:1.1rem; }
.pko-card { background:var(--pko-card-bg); border-radius:var(--pko-radius); box-shadow:var(--pko-card-shadow); overflow:hidden; position:relative; display:flex; flex-direction:column; transition:var(--pko-transition); border:1.5px solid var(--pko-card-border); cursor:pointer; }
.pko-card:hover { transform:translateY(-3px); box-shadow:var(--pko-card-shadow-hover); border-color:var(--pko-card-hover-border); }
.pko-badge { position:absolute; top:8px; right:8px; z-index:2; background:var(--pko-badge-bg); color:var(--pko-badge-text); font-family:var(--pko-font-head); font-weight:800; font-size:.72rem; padding:.2em .5em; border-radius:5px; letter-spacing:.02em; box-shadow:0 2px 5px rgba(232,50,26,.3); }
.pko-validity-badge { position:absolute; top:8px; left:8px; z-index:2; display:inline-flex; align-items:center; gap:4px; font-family:var(--pko-font-head); font-size:.72rem; font-weight:800; padding:4px 10px; border-radius:5px; pointer-events:none; letter-spacing:.01em; white-space:nowrap; }
.pko-validity-badge--urgent { background:#b45309; color:#fff; box-shadow:0 2px 5px rgba(180,83,9,.4); }
.pko-validity-badge--soon { background:#92400e; color:#fde68a; box-shadow:0 2px 5px rgba(146,64,14,.4); }
.pko-card__image { aspect-ratio:1; background:var(--pko-img-bg); display:flex; align-items:center; justify-content:center; overflow:hidden; position:relative; }
.pko-card__image img { width:100%; height:100%; object-fit:contain; padding:8px; transition:transform .3s ease; }
[data-theme="dark"] .pko-card__image img { filter:brightness(.87) contrast(1.05); }
.pko-card:hover .pko-card__image img { transform:scale(1.05); }
[data-theme="dark"] .pko-card:hover .pko-card__image img { filter:brightness(1) contrast(1); }
.pko-card__image-fallback { display:flex; align-items:center; justify-content:center; width:100%; height:100%; font-size:2.4rem; opacity:.3; position:absolute; top:0; left:0; pointer-events:none; }
.pko-card__image img ~ .pko-card__image-fallback[data-has-img] { display:none; }
.pko-img-loading { animation:pkoPulse 1.4s ease-in-out infinite; }
.pko-card__body { padding:.8rem .9rem .9rem; display:flex; flex-direction:column; gap:.28rem; flex:1; }
.pko-card__store-badge { display:flex; align-items:center; gap:.35rem; width:fit-content; background:var(--pko-store-badge-bg); border:1px solid var(--pko-store-badge-border); border-radius:5px; padding:.18rem .45rem; margin-bottom:.08rem; }
.pko-card__store-icon { background:var(--pko-store-icon-bg); color:var(--pko-store-icon-text); font-family:var(--pko-font-head); font-weight:800; font-size:.58rem; width:17px; height:17px; border-radius:3px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.pko-card__store-name { font-size:.7rem; font-weight:600; color:var(--pko-store-name-color); white-space:nowrap; }
.pko-card__brand { font-size:.68rem; font-weight:600; text-transform:uppercase; letter-spacing:.07em; color:var(--pko-brand-color); }
.pko-card__title { font-family:var(--pko-font-head); font-size:.9rem; font-weight:700; color:var(--pko-title-text); margin:0; line-height:1.3; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; min-height:calc(1.35em * 3); cursor:help; }
.pko-card__price-row { display:flex; align-items:center; gap:8px; flex-wrap:wrap; min-height:2.2rem; }
.pko-card__price { font-family:var(--pko-font-head); font-size:1.4rem; font-weight:800; color:var(--pko-price-color); letter-spacing:-.03em; }
.pko-card__old-price { font-size:.8rem; color:var(--pko-oldprice); text-decoration:line-through; }
.pko-card__validity { font-size:.72rem; color:var(--pko-validity-text); margin-top:.05rem; }
.pko-card__share-btn { display:inline-flex; align-items:center; gap:5px; margin-top:8px; padding:5px 12px; border:1px solid var(--pko-card-border); border-radius:20px; background:transparent; color:var(--pko-meta-text); font-family:var(--pko-font-body); font-size:.78rem; font-weight:500; cursor:pointer; transition:var(--pko-transition); line-height:1; }
.pko-card__share-btn:hover { background:var(--pko-blue-mid); color:#fff; border-color:var(--pko-blue-mid); }
.pko-store-link { color:inherit; text-decoration:none; font-weight:600; transition:color .15s; }
.pko-store-link:hover { color:var(--pko-blue-mid); text-decoration:underline; }
.pko-card__image img.pko-loyalty-badge { position:absolute; bottom:8px; left:8px; width:28px; height:28px; padding:0; border-radius:4px; z-index:2; box-shadow:0 2px 5px rgba(0,0,0,.2); object-fit:contain; }
.pko-card:hover .pko-card__image img.pko-loyalty-badge { transform:none; }
.pko-search-form { background:var(--pko-form-bg); border-radius:var(--pko-radius); box-shadow:var(--pko-card-shadow); padding:1.1rem; margin-bottom:1.25rem; border:1.5px solid var(--pko-form-border); }
.pko-search-form__row { display:flex; gap:.65rem; flex-wrap:wrap; }
.pko-search-form__input-wrap { position:relative; flex:1; min-width:190px; }
.pko-search-form__icon { position:absolute; left:.8rem; top:50%; transform:translateY(-50%); width:17px; height:17px; color:var(--pko-input-placeholder); pointer-events:none; }
.pko-search-form__input { width:100%; padding:.7rem .9rem .7rem 2.5rem; border:1.5px solid var(--pko-input-border); border-radius:8px; font-family:var(--pko-font-body); font-size:.93rem; color:var(--pko-input-text); background:var(--pko-input-bg); transition:var(--pko-transition); box-sizing:border-box; }
.pko-search-form__input::placeholder { color:var(--pko-input-placeholder); }
.pko-search-form__input:focus { outline:none; border-color:var(--pko-blue-mid); background:var(--pko-form-bg); box-shadow:0 0 0 3px rgba(49,113,201,.12); }
.pko-search-form__select { padding:.7rem .9rem; border:1.5px solid var(--pko-input-border); border-radius:8px; font-family:var(--pko-font-body); font-size:.88rem; color:var(--pko-input-text); background:var(--pko-select-bg); cursor:pointer; transition:var(--pko-transition); min-width:155px; }
.pko-search-form__select:focus { outline:none; border-color:var(--pko-blue-mid); }
.pko-search-form__select--week { min-width:200px; }
.pko-search-form__btn { padding:.7rem 1.4rem; background:var(--pko-btn-bg); color:var(--pko-btn-text); border:none; border-radius:8px; font-family:var(--pko-font-head); font-size:.93rem; font-weight:700; cursor:pointer; transition:var(--pko-transition); white-space:nowrap; }
.pko-search-form__btn:hover { background:var(--pko-btn-hover-bg); transform:translateY(-1px); box-shadow:0 3px 10px rgba(33,86,160,.25); }
.pko-quicklinks { display:flex; align-items:center; gap:.45rem; flex-wrap:wrap; padding:.65rem 0; }
.pko-quicklinks__label { font-size:.78rem; font-weight:600; color:var(--pko-quicklink-label); text-transform:uppercase; letter-spacing:.06em; white-space:nowrap; }
.pko-quicklink { background:var(--pko-quicklink-bg); border:1.5px solid var(--pko-quicklink-border); border-radius:18px; padding:.28em .8em; font-family:var(--pko-font-body); font-size:.82rem; color:var(--pko-quicklink-text); cursor:pointer; transition:var(--pko-transition); }
.pko-quicklink:hover, .pko-quicklink--active { background:var(--pko-quicklink-active-bg); border-color:var(--pko-quicklink-active-bg); color:var(--pko-quicklink-active-text); transform:translateY(-1px); }
.pko-spinner { display:flex; align-items:center; gap:.9rem; padding:2rem; justify-content:center; color:var(--pko-spinner-text); font-size:.88rem; }
.pko-spinner__ring { width:28px; height:28px; border:3px solid var(--pko-spinner-border); border-top-color:var(--pko-spinner-top); border-radius:50%; animation:pko-spin .65s linear infinite; }
.pko-empty { text-align:center; padding:2.5rem 1rem; color:var(--pko-empty-text); font-style:italic; border:2px dashed var(--pko-empty-border); border-radius:var(--pko-radius); }
.pko-error { color:var(--pko-error-text); background:var(--pko-error-bg); border:1px solid var(--pko-error-border); border-radius:8px; padding:.7rem .9rem; font-size:.88rem; }
.pko-week-tabs, .pko-search-week-tabs { display:flex; gap:6px; flex-wrap:wrap; margin-bottom:20px; background:var(--pko-zip-bg); border:1px solid var(--pko-zip-border); border-radius:var(--pko-radius); padding:6px; }
.pko-week-tab { display:inline-flex; align-items:center; gap:6px; padding:8px 18px; border:1px solid transparent; border-radius:9px; background:transparent; font-family:var(--pko-font-head); font-size:.88rem; font-weight:600; color:var(--pko-meta-text); cursor:pointer; transition:var(--pko-transition); white-space:nowrap; }
.pko-week-tab:hover { background:rgba(49,113,201,.08); color:var(--pko-blue-mid); }
.pko-week-tab--active { background:var(--pko-blue-mid); color:#fff !important; border-color:var(--pko-blue-mid); box-shadow:0 2px 10px rgba(49,113,201,.3); }
.pko-week-tab__icon { font-size:1rem; }
.pko-tab-loading { display:flex; justify-content:center; padding:40px 0; }
.pko-badge--upcoming { background:var(--pko-blue-mid); color:#fff; box-shadow:0 2px 6px rgba(49,113,201,.35); }
.pko-card--upcoming { border-color:var(--pko-blue-mid); opacity:.92; }
.pko-card--upcoming .pko-card__image { filter:brightness(.95); }
.pko-popup { position:fixed; inset:0; z-index:99999; display:flex; align-items:center; justify-content:center; padding:16px; }
.pko-popup[hidden] { display:none !important; }
.pko-popup__backdrop { position:absolute; inset:0; background:rgba(0,0,0,.6); backdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px); }
body.pko-popup-open { overflow:hidden; }
.pko-popup__box { position:relative; background:var(--pko-card-bg); border-radius:18px; box-shadow:0 24px 60px rgba(0,0,0,.35); max-width:640px; width:100%; max-height:90vh; overflow-y:auto; z-index:1; animation:pkoPopupIn .22s cubic-bezier(.34,1.56,.64,1) both; }
.pko-popup__close { position:absolute; top:14px; right:14px; width:32px; height:32px; border-radius:50%; border:1px solid var(--pko-card-border); background:var(--pko-card-bg); color:var(--pko-meta-text); font-size:1rem; cursor:pointer; z-index:2; display:flex; align-items:center; justify-content:center; transition:var(--pko-transition); }
.pko-popup__close:hover { background:var(--pko-red); color:#fff; border-color:var(--pko-red); }
.pko-popup__inner { display:grid; grid-template-columns:200px 1fr; gap:0; }
.pko-popup__image-wrap { background:var(--pko-img-bg); border-radius:18px 0 0 18px; display:flex; align-items:center; justify-content:center; min-height:200px; overflow:hidden; flex-shrink:0; }
.pko-popup__img { width:100%; height:100%; object-fit:contain; padding:16px; }
.pko-popup__img-fallback { font-size:3.5rem; opacity:.35; }
.pko-popup__info { padding:24px 28px 24px 20px; display:flex; flex-direction:column; gap:8px; }
.pko-popup__store-row { display:flex; align-items:center; gap:8px; margin-bottom:2px; }
.pko-popup__store-icon { width:30px; height:30px; border-radius:6px; background:var(--pko-store-icon-bg); color:var(--pko-store-icon-text); display:flex; align-items:center; justify-content:center; font-family:var(--pko-font-head); font-size:.75rem; font-weight:800; flex-shrink:0; }
.pko-popup__store-name { font-family:var(--pko-font-head); font-weight:700; font-size:.9rem; color:var(--pko-store-name-color); }
.pko-popup__store-link { text-decoration:none; }
.pko-popup__store-link:hover .pko-popup__store-name { color:var(--pko-blue-mid); text-decoration:underline; }
.pko-popup__brand { font-family:var(--pko-font-head); font-size:.8rem; font-weight:700; color:var(--pko-brand-color); text-transform:uppercase; letter-spacing:.06em; }
.pko-popup__title { font-family:var(--pko-font-head); font-size:1.15rem; font-weight:700; color:var(--pko-title-color); line-height:1.3; margin:0; }
.pko-popup__price-row { display:flex; align-items:baseline; gap:10px; flex-wrap:wrap; margin-top:4px; }
.pko-popup__price { font-family:var(--pko-font-head); font-size:1.8rem; font-weight:800; color:var(--pko-price-color); line-height:1; }
.pko-popup__old-price { font-size:1rem; color:var(--pko-oldprice); text-decoration:line-through; }
.pko-popup__validity { font-size:.82rem; color:var(--pko-validity-text); }
.pko-popup__actions { margin-top:auto; padding-top:12px; display:flex; gap:8px; flex-wrap:wrap; }
.pko-popup__share-btn { display:inline-flex; align-items:center; gap:6px; padding:8px 18px; border:1px solid var(--pko-card-border); border-radius:20px; background:transparent; color:var(--pko-meta-text); font-family:var(--pko-font-body); font-size:.85rem; font-weight:500; cursor:pointer; transition:var(--pko-transition); }
.pko-popup__share-btn:hover { background:var(--pko-blue-mid); color:#fff; border-color:var(--pko-blue-mid); }
@keyframes pko-shake { 0%,100%{transform:translateX(0)} 25%{transform:translateX(-4px)} 75%{transform:translateX(4px)} }
@keyframes pko-spin { to { transform:rotate(360deg); } }
@keyframes pko-in { from{opacity:0;transform:translateY(12px) scale(.97)} to{opacity:1;transform:none} }
@keyframes pkoSpin { to { transform:rotate(360deg); } }
@keyframes pkoShake { 0%,100% { transform:translateX(0); } 25% { transform:translateX(-4px); } 75% { transform:translateX(4px); } }
@keyframes pkoPulse { 0%, 100% { opacity:.9; } 50% { opacity:.3; } }
@keyframes pkoPopupIn { from { opacity:0; transform:scale(.88) translateY(12px); } to { opacity:1; transform:scale(1) translateY(0); } }
.pko-grid .pko-card { animation:pko-in .32s ease both; }
.pko-grid .pko-card:nth-child(2) { animation-delay:.05s; }
.pko-grid .pko-card:nth-child(3) { animation-delay:.09s; }
.pko-grid .pko-card:nth-child(4) { animation-delay:.13s; }
.pko-grid .pko-card:nth-child(5) { animation-delay:.17s; }
.pko-grid .pko-card:nth-child(6) { animation-delay:.21s; }
.pko-grid .pko-card:nth-child(7) { animation-delay:.25s; }
.pko-grid .pko-card:nth-child(8) { animation-delay:.29s; }
[data-theme="dark"] .pko-zip-bar__gps-btn { background:var(--pko-input-bg); }
[data-theme="dark"] .pko-location-suggestions { border-color:var(--pko-card-border); }
[data-theme="dark"] .pko-week-tab--active { box-shadow:0 2px 10px rgba(74,143,232,.35); }
[data-theme="dark"] .pko-validity-badge--urgent { background:#92400e; color:#fde68a; }
[data-theme="dark"] .pko-validity-badge--soon { background:#78350f; color:#fcd34d; }
[data-theme="dark"] .pko-card__share-btn { border-color:var(--pko-card-border); color:var(--pko-meta-text); }
[data-theme="dark"] .pko-popup__box { background:var(--pko-card-bg); }
[data-theme="dark"] .pko-popup__close { background:#1a1a2e; }
@media (max-width:640px) { .pko-search-form__row { flex-direction:column; } .pko-search-form__btn { width:100%; justify-content:center; } .pko-grid { grid-template-columns:repeat(2,1fr); gap:.75rem; } .pko-card__price { font-size:1.2rem; } .pko-zip-bar { flex-direction:column; align-items:flex-start; } .pko-search-form__select--week { min-width:100%; } }
@media (max-width:600px) { .pko-week-tab { padding:7px 12px; font-size:.82rem; } .pko-zip-bar__btn { width:100%; justify-content:center; } .pko-zip-bar__location-wrap { flex:1 1 100%; } .pko-zip-bar__hint { display:none; } }
@media (max-width:500px) { .pko-popup__inner { grid-template-columns:1fr; } .pko-popup__image-wrap { border-radius:18px 18px 0 0; min-height:160px; } }
@media (max-width:380px) { .pko-grid { grid-template-columns:1fr; } }