.cy-shopping{--icon-ink:#193e55;--icon-accent:#168a9d;--icon-pale:#d9eff2;--icon-paper:#fff}
.cy-shopping .cy-reminder-icon{display:block;width:36px;height:36px;flex:none;fill:none;stroke:none;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;overflow:visible}
.cy-shopping .cy-icon-main{fill:var(--icon-ink);stroke:none}.cy-shopping .cy-icon-pale{fill:var(--icon-pale);stroke:none}.cy-shopping .cy-icon-paper{fill:var(--icon-paper);stroke:none}.cy-shopping .cy-icon-accent{fill:var(--icon-accent);stroke:none}.cy-shopping .cy-icon-panel{fill:var(--icon-pale);stroke:var(--icon-ink);stroke-width:2.1}.cy-shopping .cy-icon-outline{fill:none;stroke:var(--icon-ink);stroke-width:2.2}.cy-shopping .cy-icon-accent-line{fill:none;stroke:var(--icon-accent);stroke-width:3}.cy-shopping .cy-icon-check{fill:none;stroke:var(--icon-paper);stroke-width:2.4}
.cy-shopping .section-index{width:62px;height:70px;flex-direction:column;gap:2px;background:linear-gradient(145deg,#fff,#eaf3f6);border:1px solid #d0e0e7;border-radius:14px;box-shadow:0 3px 10px #193e5508;color:var(--icon-ink)}
.cy-shopping .section-index .cy-reminder-icon{width:40px;height:40px}.cy-shopping .section-index small{font-size:9px;font-weight:700;letter-spacing:1.5px;line-height:1.2;color:#5d7d8f;margin-left:1.5px}
.cy-shopping .section-title{gap:18px}.cy-shopping .section-title h2{line-height:1.45}.cy-shopping .section-title .eyebrow{margin-bottom:4px}
.cy-shopping .check-number{display:flex;align-items:center;justify-content:center;min-width:46px;width:46px;height:46px;padding:5px;border-radius:12px;background:#153e52;border:1px solid #3f687c;color:#8adbe8;--icon-ink:#d8f5fa;--icon-accent:#72cfdf;--icon-pale:#244f62;--icon-paper:#10374b}
.cy-shopping .check-number .cy-reminder-icon{width:34px;height:34px}.cy-shopping .check-number small{display:none}.cy-shopping .before-order li{align-items:center;gap:16px}.cy-shopping .before-order li h3{margin-top:0}
.cy-shopping .notice-label{display:flex;align-items:center;gap:12px;min-height:48px;margin-bottom:12px;line-height:1.7;letter-spacing:1px;font-size:12px}
.cy-shopping .notice-label .cy-reminder-icon{width:48px;height:48px;padding:6px;border:1px solid #e3d3b7;border-radius:13px;background:linear-gradient(145deg,#fffdf8,#f4ead8);box-shadow:0 3px 8px #7d5d2810;--icon-accent:#a37532;--icon-pale:#f1dfbb}
.cy-shopping .dealer-notice .notice-label .cy-reminder-icon{border-color:#c6dfe7;background:linear-gradient(145deg,#fff,#e2f1f5);box-shadow:0 3px 8px #193e5508;--icon-accent:#168a9d;--icon-pale:#d9eff2}
.cy-shopping .installation-notice h3{margin-bottom:16px}.cy-shopping .installation-notice{border-radius:9px}
.cy-shopping .cy-bank-label{display:flex;align-items:center;gap:10px;min-height:38px}.cy-shopping .cy-bank-label .cy-reminder-icon{width:38px;height:38px;padding:4px;background:#edf7f8;border:1px solid #d4e8eb;border-radius:10px}
@media(max-width:760px){.cy-shopping .section-index{width:54px;height:64px;border-radius:12px}.cy-shopping .section-index .cy-reminder-icon{width:35px;height:35px}.cy-shopping .section-title{gap:13px}.cy-shopping .section-title .eyebrow{font-size:9px;letter-spacing:1.2px}.cy-shopping .notice-label{gap:10px;font-size:11px;letter-spacing:.7px;min-height:44px;margin-bottom:12px}.cy-shopping .notice-label .cy-reminder-icon{width:44px;height:44px;padding:5px;border-radius:12px}.cy-shopping .check-number{width:43px;height:43px;min-width:43px;border-radius:11px}.cy-shopping .check-number .cy-reminder-icon{width:32px;height:32px}.cy-shopping .before-order li{gap:13px}.cy-shopping .cy-bank-label .cy-reminder-icon{width:35px;height:35px}.cy-shopping .installation-notice h3{font-size:19px}}
@media(max-width:360px){.cy-shopping .section-title h2{font-size:21px}.cy-shopping .section-index{width:50px;height:60px}.cy-shopping .section-index .cy-reminder-icon{width:33px;height:33px}.cy-shopping .section-title .eyebrow{letter-spacing:.9px;font-size:8px}.cy-shopping .notice-label{font-size:10px;letter-spacing:.5px}.cy-shopping .installation-notice h3{font-size:18px}.cy-shopping .before-order li{gap:11px}}
@media print{.cy-shopping{--icon-ink:#222;--icon-accent:#555;--icon-pale:#eee}.cy-shopping .section-index,.cy-shopping .notice-label .cy-reminder-icon,.cy-shopping .cy-bank-label .cy-reminder-icon{background:white;box-shadow:none;border-color:#aaa}.cy-shopping .section-index{width:46px;height:56px}.cy-shopping .section-index .cy-reminder-icon{width:30px;height:30px}}
