/* sugargoodeals.com · Sugargoo Spreadsheet Relisted · rls- */
@font-face{font-family:"Rokkitt";src:url(/assets/fonts/rls-rokkitt-latin.woff2) format("woff2");font-weight:500 800;font-style:normal;font-display:optional}
@font-face{font-family:"Alegreya Sans";src:url(/assets/fonts/rls-alegreyasans-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:optional}
@font-face{font-family:"Alegreya Sans";src:url(/assets/fonts/rls-alegreyasans-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:optional}
@font-face{font-family:"Alegreya Sans";src:url(/assets/fonts/rls-alegreyasans-400i.woff2) format("woff2");font-weight:400;font-style:italic;font-display:optional}

:root{
  --rls-paper:#FBF7F1;--rls-card:#FFFDF9;--rls-sand:#F2E9DC;--rls-line:#E3D6C4;
  --rls-ink:#1D1720;--rls-soft:#4A4150;--rls-plum:#3E2A55;--rls-plum-2:#5A4377;
  --rls-orange:#FF7103;--rls-rust:#9A4200;--rls-rust-2:#7A3400;--rls-ok:#1F6B45;--rls-bad:#A3142E;
  --rls-wrap:1120px;--rls-side:440px;--rls-r:10px;
  --rls-head:"Rokkitt",Georgia,"Times New Roman",serif;
  --rls-body:"Alegreya Sans","Segoe UI",system-ui,sans-serif;
  color-scheme:light dark;
}
@media (prefers-color-scheme:dark){
  :root{--rls-paper:#16121A;--rls-card:#1F1A25;--rls-sand:#2A2331;--rls-line:#3D3446;
    --rls-ink:#F1EBF4;--rls-soft:#CFC5D6;--rls-plum:#D9C6F0;--rls-plum-2:#BCA5DA;
    --rls-rust:#FF9A4D;--rls-rust-2:#FFB47A;--rls-ok:#7FD4A6;--rls-bad:#FF8FA3}
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--rls-paper);color:var(--rls-ink);font:400 1.125rem/1.62 var(--rls-body)}
img{max-width:100%;height:auto;display:block}
a{color:var(--rls-rust);text-underline-offset:.18em;text-decoration-thickness:1px}
a:hover{color:var(--rls-rust-2);text-decoration-thickness:2px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--rls-orange);outline-offset:2px}
h1,h2,h3{font-family:var(--rls-head);color:var(--rls-plum);line-height:1.12;margin:0 0 .5em;letter-spacing:.005em}
h1{font-size:clamp(2rem,4.2vw,3.1rem);font-weight:700}
h2{font-size:clamp(1.55rem,2.6vw,2.05rem);font-weight:700}
h3{font-size:1.28rem;font-weight:600}
p{margin:0 0 1em}
ul,ol{margin:0 0 1em;padding-left:1.25em}
li{margin:.25em 0}
strong{font-weight:700}
.rls-wrap{max-width:calc(var(--rls-wrap) + 40px);margin:0 auto;padding:0 20px}
.rls-skip{position:absolute;left:-999px;top:0;background:var(--rls-ink);color:var(--rls-paper);padding:12px 16px;z-index:50}
.rls-skip:focus{left:8px;top:8px}

/* header */
.rls-top{background:var(--rls-card);border-bottom:1px solid var(--rls-line);position:relative}
.rls-top__in{display:flex;align-items:center;gap:18px;min-height:68px}
.rls-top .brandmark{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--rls-ink);flex:0 0 auto;min-height:44px}
.rls-top .brandmark img{width:96px;height:auto}
.rls-brand__name{font:700 1.02rem/1.1 var(--rls-head);color:var(--rls-plum);max-width:9.5em}
.rls-nav{margin-left:auto}
.rls-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:2px;flex-wrap:nowrap}
.rls-nav a{display:flex;align-items:center;min-height:44px;padding:0 9px;color:var(--rls-ink);text-decoration:none;font-size:.98rem;white-space:nowrap;border-bottom:3px solid transparent}
.rls-nav a:hover{border-bottom-color:var(--rls-orange)}
.rls-nav a[aria-current=page]{border-bottom-color:var(--rls-plum);font-weight:700}
.rls-menu-btn{display:none;margin-left:auto;min-height:44px;min-width:44px;padding:0 14px;border:1px solid var(--rls-line);background:var(--rls-paper);color:var(--rls-ink);font:700 1rem var(--rls-body);border-radius:8px;cursor:pointer}
@media (max-width:1180px){
  .rls-menu-btn{display:block}
  .rls-nav{position:absolute;left:0;right:0;top:100%;background:var(--rls-card);border-bottom:1px solid var(--rls-line);z-index:20;display:none}
  .rls-nav.is-open{display:block}
  .rls-nav ul{flex-direction:column;padding:6px 20px 14px}
  .rls-nav a{border-bottom:1px solid var(--rls-line)}
}
.no-js .rls-menu-btn{display:none}
.no-js .rls-nav{position:static;display:block}
@media (max-width:1180px){.no-js .rls-nav ul{flex-wrap:wrap;flex-direction:row}}

/* hero */
.rls-hero{padding:46px 0 30px;background:linear-gradient(180deg,var(--rls-card),var(--rls-paper))}
.rls-hero__in{position:relative;padding-left:22px;border-left:6px solid var(--rls-orange)}
.rls-hero h1{max-width:22ch}
.rls-lede{font-size:1.24rem;max-width:62ch;color:var(--rls-soft);margin-bottom:22px}
.rls-search{display:flex;gap:0;max-width:820px;background:var(--rls-card);border:2px solid var(--rls-plum);border-radius:12px;overflow:hidden}
.rls-search label{position:absolute;left:-999px}
.rls-search input{flex:1;min-width:0;border:0;padding:16px 18px;font:400 1.15rem var(--rls-body);background:transparent;color:var(--rls-ink);min-height:58px}
.rls-search button{border:0;background:var(--rls-plum);color:#fff;font:700 1.08rem var(--rls-body);padding:0 26px;min-height:58px;cursor:pointer}
@media (prefers-color-scheme:dark){.rls-search button{color:#16121A}}
.rls-search button:hover{background:var(--rls-plum-2)}
.rls-hint{font-size:.98rem;color:var(--rls-soft);margin:10px 0 0}
.rls-pagehead{padding:38px 0 18px;border-bottom:1px solid var(--rls-line);background:var(--rls-card)}
.rls-pagehead .rls-lede{margin-bottom:6px}
.rls-crumbs{font-size:.95rem;margin:0 0 10px;color:var(--rls-soft)}
.rls-crumbs a{display:inline-block;padding:10px 0;min-height:44px}

/* strip */
.rls-strip{border-top:1px solid var(--rls-line);border-bottom:1px solid var(--rls-line);background:var(--rls-sand)}
.rls-strip ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 22px}
.rls-strip a{display:flex;align-items:center;min-height:44px;font-weight:700;text-decoration:none;color:var(--rls-ink)}
.rls-strip a::before{content:"";width:10px;height:10px;border-radius:2px;background:var(--rls-orange);margin-right:9px;flex:0 0 auto}
.rls-strip a:hover{text-decoration:underline}
.rls-strip .rls-strip__reg{color:var(--rls-rust)}

/* sections */
main{display:block}
.rls-sec{padding:48px 0;border-bottom:1px solid var(--rls-line)}
.rls-sec:last-child{border-bottom:0}
.rls-sec--tint{background:var(--rls-card)}
.rls-kicker{font:700 .82rem/1 var(--rls-body);letter-spacing:.12em;text-transform:uppercase;color:var(--rls-rust);margin:0 0 10px}
.rls-pair{display:grid;grid-template-columns:minmax(0,1fr) var(--rls-side);gap:44px;align-items:stretch}
.rls-pair--flip{grid-template-columns:var(--rls-side) minmax(0,1fr)}
.rls-pair--flip>.rls-fig{order:-1}
.rls-copy{min-width:0}
.rls-copy>:last-child{margin-bottom:0}
.rls-fig{margin:0;display:flex;flex-direction:column;background:var(--rls-sand);border:1px solid var(--rls-line);border-radius:var(--rls-r);overflow:hidden}
.rls-fig img{width:100%;flex:1 1 auto;min-height:0;object-fit:contain;object-position:center top;background:var(--rls-card)}
.rls-fig--photo img{object-fit:cover;object-position:center}
.rls-fig figcaption{font-size:.95rem;line-height:1.45;color:var(--rls-soft);padding:10px 14px 12px;border-top:1px solid var(--rls-line);background:var(--rls-sand)}
.rls-zoom{display:inline-flex;align-items:center;min-height:44px;font-weight:700;margin-top:2px}
.rls-wide>.rls-copy{width:100%}
.rls-wide>.rls-copy p,.rls-wide>.rls-copy ul,.rls-wide>.rls-copy ol{max-width:74ch}
.rls-wide>.rls-fig{margin-top:26px}
.rls-wide>.rls-fig img{object-fit:contain}
.rls-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 34px}
.rls-cols p{max-width:none}
@media (max-width:900px){
  .rls-pair,.rls-pair--flip{grid-template-columns:1fr;gap:22px}
  .rls-pair--flip>.rls-fig{order:0}
  .rls-cols{grid-template-columns:1fr}
}
.rls-note{border-left:4px solid var(--rls-plum);background:var(--rls-card);padding:12px 16px;margin:0 0 1em;border-radius:0 8px 8px 0}
.rls-quote{font-style:italic;border-left:3px solid var(--rls-orange);padding:2px 0 2px 14px;margin:0 0 1em;color:var(--rls-soft)}
.rls-more{font-weight:700}
.rls-more a{display:inline-flex;align-items:center;min-height:44px}
.rls-dl{display:grid;grid-template-columns:minmax(9em,auto) 1fr;gap:8px 18px;margin:0 0 1em}
.rls-dl dt{font-weight:700;color:var(--rls-plum)}
.rls-dl dd{margin:0}
@media (max-width:560px){.rls-dl{grid-template-columns:1fr}.rls-dl dd{margin-bottom:8px}}
.rls-tablewrap{overflow-x:auto;margin:0 0 1em;border:1px solid var(--rls-line);border-radius:8px;background:var(--rls-card)}
.rls-table{border-collapse:collapse;width:100%;font-size:1rem}
.rls-table th,.rls-table td{padding:9px 12px;border-bottom:1px solid var(--rls-line);text-align:left;vertical-align:top}
.rls-table th{background:var(--rls-sand);color:var(--rls-plum);font-family:var(--rls-head);font-size:1.05rem}
.rls-table tr:last-child td{border-bottom:0}

/* slip (signature container: transfer slip with punched edge) */
.rls-slip{position:relative;background:var(--rls-card);border:1px solid var(--rls-line);border-radius:12px;padding:26px 26px 26px 64px}
.rls-slip::before{content:"";position:absolute;left:28px;top:14px;bottom:14px;width:12px;background:radial-gradient(circle,var(--rls-paper) 4px,transparent 5px) 0 0/12px 18px repeat-y}
.rls-slip::after{content:"";position:absolute;left:46px;top:10px;bottom:10px;border-left:2px dashed var(--rls-line)}
.rls-stub{position:absolute;left:0;top:0;bottom:0;width:22px;background:var(--rls-orange);border-radius:12px 0 0 12px}

/* catalogue wall */
.rls-wall{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;list-style:none;margin:0;padding:0}
.rls-wall li{margin:0}
.rls-card{display:flex;flex-direction:column;height:100%;text-decoration:none;color:var(--rls-ink);background:var(--rls-card);border:1px solid var(--rls-line);border-radius:var(--rls-r);overflow:hidden}
.rls-card:hover{border-color:var(--rls-plum)}
.rls-card img{width:100%;aspect-ratio:1/1;object-fit:cover}
.rls-card__body{padding:10px 12px 12px;display:flex;flex-direction:column;gap:4px;flex:1}
.rls-card__name{font:700 1.12rem/1.2 var(--rls-head);color:var(--rls-plum)}
.rls-card__note{font-size:.95rem;line-height:1.4;color:var(--rls-soft)}
.rls-badge{align-self:flex-start;margin-top:auto;font:700 .74rem/1 var(--rls-body);letter-spacing:.06em;text-transform:uppercase;padding:5px 8px;border-radius:4px;background:var(--rls-sand);color:var(--rls-plum);border:1px solid var(--rls-line)}
@media (max-width:900px){.rls-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}

/* tool */
.rls-tool{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:30px;align-items:start}
@media (max-width:900px){.rls-tool{grid-template-columns:1fr}}
.rls-form{background:var(--rls-card);border:1px solid var(--rls-line);border-radius:12px;padding:20px}
.rls-field{margin:0 0 16px;border:0;padding:0}
.rls-field>legend,.rls-field>label{display:block;font-weight:700;margin-bottom:6px}
.rls-field .rls-help{display:block;font-size:.93rem;color:var(--rls-soft);margin-bottom:6px}
.rls-field input[type=text]{width:100%;max-width:12em;min-height:46px;padding:8px 12px;font:400 1.1rem var(--rls-body);border:2px solid var(--rls-line);border-radius:8px;background:var(--rls-paper);color:var(--rls-ink)}
.rls-field input[aria-invalid=true]{border-color:var(--rls-bad)}
.rls-choice{display:flex;flex-wrap:wrap;gap:8px}
.rls-choice label{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 12px;border:1px solid var(--rls-line);border-radius:8px;background:var(--rls-paper);cursor:pointer;font-weight:400}
.rls-choice input{width:20px;height:20px;accent-color:var(--rls-plum)}
.rls-err{display:block;color:var(--rls-bad);font-weight:700;font-size:.97rem;margin-top:6px}
.rls-err:empty{display:none}
.rls-reset{min-height:44px;padding:0 16px;border:1px solid var(--rls-line);background:var(--rls-paper);color:var(--rls-ink);border-radius:8px;font:700 1rem var(--rls-body);cursor:pointer}
.rls-out{display:grid;gap:14px}
.rls-out__idle{background:var(--rls-card);border:1px dashed var(--rls-line);border-radius:12px;padding:20px;color:var(--rls-soft)}
.rls-res{position:relative;background:var(--rls-card);border:1px solid var(--rls-line);border-radius:12px;padding:16px 18px 16px 58px}
.rls-res__tag{position:absolute;left:14px;top:16px;width:30px;height:30px;border-radius:50%;background:var(--rls-orange);color:#1D1720;font:700 1rem/30px var(--rls-head);text-align:center}
.rls-res h3{margin:0 0 6px;font-size:1.2rem}
.rls-res p,.rls-res li{font-size:1.02rem}
.rls-res ul{margin:0;padding-left:1.1em}
.rls-res .rls-flag{display:block;color:var(--rls-bad);font-weight:700;margin:4px 0}
.rls-res .rls-good{display:block;color:var(--rls-ok);font-weight:700;margin:4px 0}
.rls-foot3{font-weight:700;border-top:2px solid var(--rls-orange);padding-top:10px}

/* footer */
.rls-foot{background:var(--rls-plum);color:#F4EEF8;padding:40px 0 26px;margin-top:0}
@media (prefers-color-scheme:dark){.rls-foot{background:#0F0C12}}
.rls-foot a{color:#FFD2AE}
.rls-foot__grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}
.rls-foot h2{color:#fff;font-size:1.2rem}
.rls-foot ul{list-style:none;padding:0;margin:0}
.rls-foot li a{display:inline-flex;align-items:center;min-height:44px}
.rls-foot p{font-size:.98rem}
.rls-foot__small{border-top:1px solid rgba(255,255,255,.2);margin-top:20px;padding-top:14px;font-size:.92rem}
@media (max-width:900px){.rls-foot__grid{grid-template-columns:1fr}}

@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{.rls-top,.rls-foot,.rls-strip{display:none}}
.rls-actions{display:flex;gap:10px;flex-wrap:wrap;margin:6px 0 0}
.rls-go{min-height:44px;padding:0 18px;border:0;border-radius:8px;background:var(--rls-rust);color:#fff;font:700 1rem var(--rls-body);cursor:pointer}
.rls-go:hover{background:var(--rls-rust-2)}
@media (prefers-color-scheme:dark){.rls-go{color:#16121A}}
.rls-crumbs a{display:inline-flex;align-items:center;min-height:44px;min-width:44px}
.rls-linklist li a{display:inline-flex;align-items:center;min-height:44px}