.po-page{box-sizing:border-box;color:#18251e;font-family:inherit}.po-page *{box-sizing:border-box}
body #promoPage.po-page.shop-active-page,.po-admin-page.shop-active-page{padding:calc(24px + env(safe-area-inset-top,0px)) clamp(18px,4vw,72px) calc(90px + env(safe-area-inset-bottom,0px))!important;background:#fff!important;overflow:auto}
.po-page-header,.po-toolbar,.po-grid,.po-editor,.po-admin-status,.po-admin-page>h2{max-width:1600px;margin-inline:auto}
.po-page-header{margin-bottom:28px}.po-page-header h1{font-size:clamp(28px,3vw,42px);letter-spacing:-1.2px;margin:14px 0 8px;line-height:1.15}.po-page-header p{font-size:15px;line-height:1.6;color:#69716b;margin:0}.po-eyebrow{font-size:11px;letter-spacing:.14em;font-weight:750;color:#b34b00;margin-top:24px}
.po-button,.po-page button,.po-editor button{font:inherit;border:1px solid #e0e5df;background:#f5f6f3;color:#1a261e;border-radius:12px;min-height:44px;padding:10px 16px;cursor:pointer;font-weight:650;font-size:14px}.po-page button:disabled{opacity:.55;cursor:wait}.po-page button:focus-visible,.po-page input:focus-visible,.po-page textarea:focus-visible,.po-page select:focus-visible{outline:2px solid #f47b20;outline-offset:3px}
.po-toolbar{display:flex;align-items:center;gap:14px;margin-bottom:24px;flex-wrap:wrap}.po-toolbar>span{font-weight:650;margin-right:auto}.po-toolbar input{width:min(420px,100%);min-height:46px;border:1px solid #e0e4dd;background:#f6f7f4;border-radius:12px;padding:12px 16px;font:inherit;font-size:14px}
.po-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 22px;align-items:start}.po-card{min-width:0;position:relative;background:#fff;border-radius:18px;overflow:hidden}.po-art{position:relative;aspect-ratio:2.15;background:#f2f4ef;border-radius:16px;overflow:hidden}.po-art img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s ease}.po-image-missing{display:grid;place-items:center;color:#757e73;font-size:13px}
.po-live{position:absolute;right:10px;top:10px;color:white;background:#183c29;border-radius:20px;padding:5px 9px;font-size:10px;font-weight:750;letter-spacing:.03em}.po-feature-tag{position:absolute;left:10px;bottom:10px;color:#fff;background:#ee4a1d;border-radius:6px;padding:6px 9px;max-width:calc(100% - 20px);font-size:12px;font-weight:700;overflow-wrap:anywhere}
.po-card-copy{padding:14px 2px 0}.po-card-copy h3{font-size:18px;line-height:1.3;letter-spacing:-.3px;margin:0 0 7px}.po-card-copy>strong{font-size:14px;line-height:1.5;display:block}.po-card-copy>p{font-size:13px;color:#647166;line-height:1.5;margin:6px 0 10px;white-space:pre-wrap;overflow-wrap:anywhere}.po-card-copy>small{font-size:11px;line-height:1.4;color:#6c776c;display:block;margin-top:10px}
.po-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.po-tags>span{background:#fff0e3;color:#9a4707;font-size:11px;font-weight:650;border-radius:6px;padding:5px 8px;overflow-wrap:anywhere;max-width:100%}.po-card .po-store-link{position:static;width:100%;text-align:left;background:transparent;border:0;padding:12px 2px;color:#17261c}.po-store-link:after{content:'';position:absolute;inset:0;z-index:1}.po-card:has(.po-store-link:focus-visible){outline:2px solid #f47b20;outline-offset:5px}.po-empty{grid-column:1/-1;text-align:center;border:1px dashed #dfe4d9;background:#f8faf5;border-radius:20px;padding:54px 22px;color:#6a7668;font-size:15px;line-height:1.6}
.po-store-offers{margin:26px 0 30px;padding:24px 0;border-top:1px solid #e6eae2;border-bottom:1px solid #e6eae2}.po-store-offers[hidden]{display:none!important}.po-store-offers>header{display:flex;align-items:center;gap:15px;margin-bottom:20px}.po-store-offers h2{font-size:23px;letter-spacing:-.5px;margin:0}.po-inline-live{color:#267543;font-size:11px;font-weight:750;white-space:nowrap}.po-store-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.po-store-grid .po-card{border:1px solid #e6e9e3;padding:12px}.po-store-grid .po-card>.po-button{margin-top:12px}
.po-editor{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;border:1px solid #e2e6dd;border-radius:22px;padding:26px;background:#fbfcf8}.po-form-fields{min-width:0}.po-editor label{display:grid;gap:8px;font-size:13px;font-weight:650;margin-bottom:18px}.po-editor input:not([type=checkbox]),.po-editor textarea,.po-editor select{width:100%;min-height:46px;border:1px solid #d9e0d4;border-radius:10px;padding:12px;background:white;color:#202e22;font:inherit;font-size:15px}.po-editor textarea{resize:vertical}.po-editor label small{font-size:11px;font-weight:400;line-height:1.5;color:#677264}.po-editor .po-publish{display:flex;align-items:center;gap:10px}.po-publish input{width:19px;height:19px;accent-color:#218153}.po-editor .po-tags{margin:8px 0 20px}.po-editor .po-tag-remove{font-size:12px;min-height:36px;background:#eaf0e2;padding:7px 10px}.po-preview{align-self:start;position:sticky;top:16px;aspect-ratio:2.15;display:grid;place-items:center;background:#edf2e8;color:#6a7862;border-radius:16px;overflow:hidden;font-size:13px}.po-preview img{width:100%;height:100%;object-fit:cover}.po-form-actions,.po-manage-actions{display:flex;flex-wrap:wrap;gap:10px}.po-form-actions [type=submit]{background:#1b2b20;color:white;border-color:#1b2b20}.po-admin-status{font-size:14px;line-height:1.6;min-height:24px;margin-block:20px}.po-manage-actions{margin-top:14px}.po-admin-entry{justify-content:center}
@media(hover:hover){.po-card:has(.po-store-link):hover .po-art img{transform:scale(1.025)}}
@media(min-width:1000px){html.swift-design body #merchantStorePage{max-width:none!important;padding-inline:clamp(24px,4vw,72px)!important}.po-admin-page>h2{font-size:24px;margin-block:30px 20px}}
@media(max-width:1200px){.po-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.po-store-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.po-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.po-editor{grid-template-columns:1fr;padding:20px}.po-preview{position:static;grid-row:1}.po-toolbar input{order:3;width:100%}.po-store-offers h2{font-size:20px}}
@media(max-width:540px){.po-grid{grid-template-columns:1fr}.po-card-copy h3{font-size:20px}.po-art{aspect-ratio:2.1}.po-page-header{margin-bottom:20px}.po-store-offers>header{align-items:start}.po-store-grid .po-card{padding:10px}.po-preview{aspect-ratio:2}.po-form-actions button{flex:1}}
@supports(-webkit-touch-callout:none){@media(max-width:799px){body #promoPage.po-page.shop-active-page,.po-admin-page.shop-active-page{padding-top:calc(16px + max(59px,env(safe-area-inset-top,0px)))!important}}}
@media(prefers-reduced-motion:reduce){.po-art img{transition:none}}
/* Open offer layouts: banners sit directly on the page. */
body #promoPage.po-page.shop-active-page{border:0!important;border-radius:0!important;box-shadow:none!important;max-width:none!important;height:100dvh!important;overflow-y:auto!important;overscroll-behavior-y:contain}
#promoPage.po-page .po-card,.po-store-offers .po-card{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important;overflow:visible}
#promoPage.po-page .po-grid{max-width:none;gap:36px 24px}
.po-store-offers{border:0;padding:0;margin-block:28px 32px}
.po-store-offers .po-store-grid{display:flex;gap:22px;max-width:none;overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline:2px;padding:2px 2px 16px;-webkit-overflow-scrolling:touch}
.po-store-offers .po-store-grid .po-card{flex:0 0 clamp(280px,30vw,440px);scroll-snap-align:start}
.po-store-offers .po-card-copy{padding-inline:0}
@media(max-width:540px){#promoPage.po-page .po-grid{gap:30px}.po-store-offers .po-store-grid{gap:16px}.po-store-offers .po-store-grid .po-card{flex-basis:86%;min-width:0}}

.po-categories{display:flex;gap:16px;overflow-x:auto;padding:6px 0 20px;margin-bottom:20px;scroll-snap-type:x proximity}.po-page .po-category{flex:0 0 94px;display:grid;justify-items:center;gap:10px;background:transparent;border:0;border-radius:14px;padding:8px 6px;scroll-snap-align:start;font-size:13px;min-height:100px}.po-category-art{font-family:"Segoe UI Emoji","Apple Color Emoji",sans-serif;font-size:48px;line-height:1.2}.po-page .po-category[aria-pressed=true]{background:#fff0e3;box-shadow:inset 0 -3px #f47b20}.po-category-picker{border:0;padding:0;margin:0 0 20px}.po-category-picker legend{font-weight:650;font-size:13px;margin-bottom:10px}.po-category-picker>div{display:flex;flex-wrap:wrap;gap:8px}.po-editor .po-category-picker label{display:flex;align-items:center;gap:6px;margin:0;background:#fff;border:1px solid #dfe4db;border-radius:20px;padding:8px 10px;font-size:12px}.po-editor .po-category-picker input{width:16px;height:16px;accent-color:#e96e16}.po-category-picker small{display:block;margin-top:10px;color:#69716b;font-size:12px}

.po-category svg{width:58px;height:58px;display:block}

/* Pure Offers: open white canvas and a compact editorial heading. */
#promoPage.po-page .po-page-header{max-width:none;margin-bottom:26px}
#promoPage.po-page .po-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.12em;color:#667267;margin-top:24px}
#promoPage.po-page .po-eyebrow:before{content:'';width:7px;height:7px;border-radius:50%;background:#24834b;box-shadow:0 0 0 4px #edf7ef}
#promoPage.po-page .po-page-header h1{font-size:clamp(34px,4.5vw,60px);font-weight:800;letter-spacing:-.055em;line-height:1.05;margin:16px 0 12px;display:table;position:relative;padding-bottom:14px}
#promoPage.po-page .po-page-header h1:after{content:'';position:absolute;left:0;bottom:0;width:56px;height:4px;border-radius:3px;background:#f47b20}
#promoPage.po-page .po-page-header p{font-size:14px;color:#68726c}
.po-categories,.po-store-offers .po-store-grid{scrollbar-width:none;-ms-overflow-style:none}
.po-categories::-webkit-scrollbar,.po-store-offers .po-store-grid::-webkit-scrollbar{display:none;width:0;height:0}
#promoPage.po-page .po-empty{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:34px 0!important;text-align:left;color:#788078}
#promoPage.po-page .po-toolbar{max-width:none;display:flex!important;align-items:center;gap:12px;flex-wrap:wrap}
#promoPage.po-page .po-toolbar input{width:min(420px,100%)!important;flex:0 1 420px;order:0}
#promoPage.po-page .po-toolbar>span{margin-right:auto}
#promoPage.po-page .po-grid{background:transparent!important;border:0!important;box-shadow:none!important}
@media(max-width:600px){#promoPage.po-page .po-toolbar input{order:3;flex-basis:100%;width:100%!important}.po-categories{gap:10px}#promoPage.po-page .po-page-header h1{font-size:38px}}
/* Compact offer badges, matching the offer-card reference. */
.po-feature-tag{top:12px;bottom:auto;left:12px;background:#e71919;border-radius:5px;padding:7px 10px;font-size:13px;line-height:1.25;font-weight:750;box-shadow:none;max-width:calc(100% - 92px)}
.po-tags{gap:7px;margin-top:9px}.po-tags>span{background:#f1f1ef;color:#343a34;border-radius:5px;padding:5px 8px;font-size:12px;line-height:1.3;font-weight:600;border:0}
.po-tags>span:first-child{background:#ffe2de;color:#b62820;font-weight:700}
.po-live{background:#fff;color:#21633e;border-radius:5px;font-size:10px;padding:6px 8px;box-shadow:0 1px 4px #00000010}
.po-editor .po-tag-remove{background:#f1f1ef;color:#343a34;border-radius:6px;border:0}
@media(max-width:600px){.po-feature-tag{top:10px;left:10px;font-size:12px;padding:6px 9px}.po-tags>span{font-size:11px}}

.po-manage-actions{padding-top:14px;border-top:1px solid #e8ebe6;gap:8px}.po-manage-actions .po-delete{margin-left:auto;color:#b32b27;background:#fff2f1;border-color:#f2d0cc}.po-manage-actions .po-delete:hover{background:#ffe3df}.po-editor{background:#fff;box-shadow:0 8px 32px #182b2010}.po-editor .oo-editor{background:#f8faf6;border:1px solid #e0e6db;border-radius:16px;padding:20px}.oo-edit-group{padding:16px!important;border-radius:14px!important}.po-editor .po-form-actions{padding-top:18px;border-top:1px solid #e8ebe6}.po-manage-actions button{min-height:44px}

/* Solid red offer labels. */
.po-feature-tag,.po-tags>span,.po-tags>span:first-child{background:#f00000;color:#fff;border-radius:6px;font-weight:700;line-height:1.3;padding:6px 9px;border:0;box-shadow:none}
.po-editor .po-tag-remove{background:#f00000;color:#fff;border-radius:6px;font-weight:700;border:0}.po-editor .po-tag-remove:hover{background:#d90000}

/* Fine outline around each offer, with comfortable copy inset. */
.po-card{border:1px solid #171717!important;background:#fff!important;box-shadow:none!important}.po-card .po-art{border-radius:16px 16px 0 0}.po-card-copy{padding:16px 16px 0!important}.po-card .po-store-link{padding:14px 16px 18px!important}.po-card .po-manage-actions{margin:14px 16px 16px}.po-feature-tag{max-width:calc(100% - 24px)}

.po-clickable{cursor:pointer}.po-clickable .po-store-link:after{display:none}.po-clickable:hover{border-color:#000!important}.po-clickable:focus-within{outline:2px solid #f47b20;outline-offset:3px}

/* Keep back navigation and the section label in separate layout rows. */
#promoPage.po-page .po-page-header,.po-admin-page .po-page-header{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:0!important}
#promoPage.po-page .po-page-header>button,.po-admin-page .po-page-header>button{position:static!important;inset:auto!important;transform:none!important;flex:none;align-self:flex-start;margin:0!important}
#promoPage.po-page .po-page-header>.po-eyebrow,.po-admin-page .po-page-header>.po-eyebrow{position:static!important;inset:auto!important;transform:none!important;display:flex!important;flex-wrap:wrap;margin:20px 0 0!important;line-height:1.5;max-width:100%}

/* Search/keyboard focus must not expose the home carousel behind offers. */
body:has(#promoPage.po-page[style*="display: block"]) .hero-promo-slider,body:has(#promoPage.po-page.shop-active-page) .hero-promo-slider{display:none!important}
body #promoPage.po-page[style*="display: block"]{position:fixed!important;inset:0!important;width:100%!important;height:100dvh!important;max-height:100dvh!important;min-height:0!important;z-index:10040!important;background:#fff!important;overflow-y:auto!important;overscroll-behavior:contain;isolation:isolate}

/* Override the earlier borderless feed rule on the complete card. */
body #promoPage.po-page .po-grid>.po-card,body .po-store-offers .po-grid>.po-card,body .po-admin-page .po-grid>.po-card{border:1px solid rgba(0,0,0,.55)!important;border-radius:18px!important;background:#fff!important;overflow:hidden!important;padding:0!important;box-shadow:none!important}