.koka-sr, .koka-buying { box-sizing: border-box; color: #222; font: inherit; overflow-wrap: anywhere; }
.koka-sr { margin: 1.5rem 0; padding: clamp(1rem, 3vw, 1.5rem); background: #fff; border: 1px solid #dfd5d4; border-top: 5px solid #8d1520; border-radius: 12px; scroll-margin-top: 1rem; }
.koka-sr *, .koka-sr *::before, .koka-sr *::after { box-sizing: inherit; }
.koka-sr .koka-sr__heading { margin: 0 0 .8rem; font-size: clamp(1.3rem, 2.5vw, 1.7rem); }
.koka-sr .koka-sr__preview-notice { padding: .7rem; color: #6b3b00; background: #fff4ce; border: 1px solid #e1bb5b; border-radius: 8px; }
.koka-sr [hidden] { display: none !important; }
.koka-sr p { line-height: 1.75; }
.koka-sr .koka-sr__product-context { margin: 1rem 0; padding: .8rem 1rem; background: #faf7f3; border-radius: 8px; }
.koka-sr .koka-sr__product-context p { margin: .25rem 0 .5rem; }
.koka-sr .koka-sr__product-label { font-size: .85em; color: #555; }
.koka-sr [data-koka-product-name] { font-weight: bold; }
.koka-sr .koka-sr__copy-status { font-size: .9em; }
.koka-sr .koka-sr__copy-status:empty { display: none; }
.koka-sr .koka-sr__product-context { scroll-margin-top: 1rem; }
.koka-sr .koka-sr__request-label { display: block; margin: .9rem 0 .4rem; font-weight: bold; }
.koka-sr select, .koka-sr textarea { display: block; width: 100%; max-width: 100%; min-height: 48px; border: 1px solid #847674; border-radius: 6px; padding: .7rem; background: white; color: #222; font: inherit; }
.koka-sr textarea { margin: .4rem 0; min-height: 12rem; font-size: .9em; resize: vertical; }
.koka-sr .koka-sr__request-note { font-size: .9em; }
.koka-sr .koka-sr__request-actions { display: flex; flex-wrap: wrap; gap: .6rem; margin: .9rem 0; }
.koka-sr .koka-sr__request-actions > * { flex: 1 1 210px; }
.koka-sr .koka-sr__request-preview { margin: .4rem 0; }
.koka-sr .koka-sr__request-preview summary, .koka-sr .koka-sr__choose-store { display: block; min-height: 44px; padding: .6rem 0; cursor: pointer; color: #6f1720; text-decoration: underline; font-size: .9em; }
.koka-sr .koka-sr__request-preview summary { display: list-item; }
.koka-sr .koka-sr__local-heading, #primary .koka-sr .koka-sr__local-heading { margin: 0 0 .5rem; padding: 0; border: 0; background: none; color: #3e2827; font-size: 1rem; line-height: 1.6; }
.koka-sr select:focus-visible, .koka-sr textarea:focus-visible { outline: 3px solid #165fa0; outline-offset: 3px; }
.koka-sr .koka-sr__compact-regions { display: grid; grid-template-columns: 1fr; gap: 1rem; }
.koka-sr .koka-sr__compact-region { min-width: 0; scroll-margin-top: 1rem; }
.koka-sr .koka-sr__region-nav { display: flex; flex-wrap: wrap; gap: .5rem; margin: 1rem 0; }
.koka-sr .koka-sr__region-nav a { display: inline-flex; align-items: center; min-height: 44px; padding: .5rem 1rem; color: #6f1720; background: #f9efec; border-radius: 24px; text-decoration: underline; }
.koka-sr .koka-sr__compact-region h3 { margin: 1rem 0 .8rem; font-size: 1.15rem; }
.koka-sr .koka-sr__compact-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .8rem; padding: 0; margin: 0; list-style: none; }
.koka-sr .koka-sr__compact-list > li { min-width: 0; padding: 1rem; border: 1px solid #e3dedc; border-radius: 8px; background: #faf9f8; }
.koka-sr .koka-sr__store-link { display: block; color: #8d1520; font-weight: bold; text-decoration: underline; overflow-wrap: anywhere; }
.koka-sr .koka-sr__hours { margin: .6rem 0; font-size: .9em; }
.koka-sr .koka-sr__notice { margin: .5rem 0; padding: .5rem .65rem; color: #573817; background: #fff2d8; font-size: .85em; }
.koka-sr .koka-sr__store-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem; margin: .8rem 0 .2rem; }
.koka-sr .koka-sr__store-actions .koka-sr__button { padding: .6rem .4rem; font-size: .9em; }
.koka-sr .koka-sr__store-info summary { cursor: pointer; padding: .65rem 0; min-height: 44px; font-size: .9em; }
.koka-sr .koka-sr__store-info p { margin: .4rem 0 .7rem; overflow-wrap: anywhere; }
.koka-sr .koka-sr__compact-actions, .koka-buying__actions { display: flex; flex-wrap: wrap; gap: .6rem; margin: 1rem 0; }
.koka-sr .koka-sr__button, .koka-buying .koka-buying__button { display: inline-flex; min-height: 46px; align-items: center; justify-content: center; flex-wrap: wrap; gap: .15rem .6rem; padding: .7rem 1rem; border: 1px solid #786b69; border-radius: 7px; color: #3e2827; background: #fff; text-decoration: none; font: inherit; line-height: 1.5; cursor: pointer; text-align: center; }
.koka-sr .koka-sr__button:hover, .koka-buying .koka-buying__button:hover { background: #f6edea; text-decoration: underline; }
.koka-sr .koka-sr__button--primary, .koka-buying .koka-buying__button--primary { color: #fff; background: #8d1520; border-color: #8d1520; font-weight: bold; }
.koka-sr .koka-sr__button--primary:hover, .koka-buying .koka-buying__button--primary:hover { background: #70111a; }
.koka-sr .koka-sr__button--line { background: #087f3d; color: #fff; border-color: #087f3d; font-weight: bold; }
.koka-sr .koka-sr__button--line:hover { background: #05632f; }
.koka-sr .koka-sr__phone { display: block; flex-basis: 100%; font-size: .85em; }
.koka-sr a:focus-visible, .koka-sr button:focus-visible, .koka-sr summary:focus-visible, .koka-buying a:focus-visible { outline: 3px solid #165fa0; outline-offset: 3px; }
.koka-buying { padding: 1rem 0; }
.koka-buying * { box-sizing: inherit; }
.koka-buying h2, .koka-buying h3 { line-height: 1.6; }
.koka-buying p, .koka-buying li { line-height: 1.8; }
.koka-buying__note { padding: .8rem 1rem; background: #f7f5f2; border-left: 4px solid #8d1520; }
.koka-buying__actions .koka-buying__button { flex: 1 1 220px; }
.koka-product-guide__checks { padding-left: 1.4rem; }
.koka-product-guide__checks li { margin-bottom: .65rem; }
.koka-product-guide__stores { list-style: none; padding: 0; display: grid; gap: .35rem; }
.koka-product-guide__stores a { display: inline-block; min-height: 44px; padding: .45rem 0; color: #74121c; text-decoration: underline; }
.koka-product-guide__source { font-size: .85em; }
@media (max-width: 640px) { .koka-sr .koka-sr__compact-list { grid-template-columns: 1fr; } .koka-sr .koka-sr__compact-actions { display: grid; grid-template-columns: 1fr; } }