/* Nurafield: a mid-century department store beauty counter. Celadon walls, a blush fascia with a script sign, a brass-railed glass tester tray of round compacts (the one bold thing), folded price cards, lidded gift boxes, a pink carbon sales check, and a store hours plaque for a footer. */
:root{
  --tsr-wall:#e3eee8;--tsr-wall-2:#d3e3da;--tsr-blush:#f4d8d2;--tsr-blush-2:#ecc3bb;
  --tsr-rose:#a8384f;--tsr-rose-deep:#7c2f45;--tsr-brass:#b08a3e;--tsr-brass-lt:#e2c88a;
  --tsr-ink:#2f2430;--tsr-ink-2:#5b4a57;--tsr-glass:#f6fbf9;--tsr-paper:#fffdf9;--tsr-rule:#c9b9a6;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body.tsr-floor{margin:0;background:var(--tsr-wall);color:var(--tsr-ink);font:17px/1.6 Karla,Helvetica,Arial,sans-serif;overflow-x:hidden}
a{color:var(--tsr-rose-deep)}
img{max-width:100%;height:auto}
.tsr-proof{margin:0;padding:8px 16px;background:#3b2a35;color:#fbe9c4;font-size:14px;text-align:center;letter-spacing:.02em}

/* the fascia: blush panel, brass rule, the script sign in the middle */
.tsr-fascia{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:6px 18px;padding:18px 28px 0;background:var(--tsr-blush);border-bottom:5px double var(--tsr-brass)}
.tsr-fascia__ring{justify-self:start;font-size:15px;color:var(--tsr-ink-2);text-decoration:none}
.tsr-fascia__slip{justify-self:end;display:inline-flex;align-items:center;gap:8px;padding:6px 6px 6px 16px;border:1.5px solid var(--tsr-brass);border-radius:999px;color:var(--tsr-ink);text-decoration:none;font-size:15px;background:var(--tsr-paper)}
.tsr-fascia__slip b{display:inline-grid;place-items:center;min-width:28px;height:28px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff3df,var(--tsr-brass-lt) 45%,var(--tsr-brass));color:var(--tsr-ink)}
.tsr-sign{grid-column:2;display:flex;flex-direction:column;align-items:center;text-decoration:none;color:var(--tsr-rose)}
.tsr-sign__script{font-family:Yesteryear,cursive;font-size:56px;line-height:1}
.tsr-sign__plate{display:block;height:60px;width:auto;max-width:100%}
.tsr-sign__dept{font-family:Marcellus,Georgia,serif;font-size:13px;letter-spacing:.32em;color:var(--tsr-ink-2);margin-top:2px}
.tsr-aisle{grid-column:1/-1;display:flex;justify-content:center;flex-wrap:wrap;gap:4px 30px;padding:12px 0 10px}
.tsr-aisle a{font-family:Marcellus,Georgia,serif;font-size:17px;color:var(--tsr-ink);text-decoration:none;padding:2px 0;border-bottom:1.5px solid transparent}
.tsr-aisle a:hover,.tsr-aisle a[aria-current]{border-bottom-color:var(--tsr-rose)}

.tsr-hall{max-width:1080px;margin:0 auto;padding:34px 24px 56px}
.tsr-h1{font:400 44px/1.15 Marcellus,Georgia,serif;margin:0 0 10px;color:var(--tsr-rose-deep)}
.tsr-h2{font:400 32px/1.2 Marcellus,Georgia,serif;margin:0 0 8px;color:var(--tsr-ink)}
.tsr-h3{font:400 22px/1.25 Marcellus,Georgia,serif;margin:22px 0 10px}
.tsr-note{color:var(--tsr-ink-2);margin:0 0 22px;max-width:62ch}
.tsr-small{font-size:14px;color:var(--tsr-ink-2)}

/* home: a short card of words above the tray */
.tsr-counter-top{max-width:720px;margin:6px auto 26px;text-align:center}
.tsr-counter-top h1{font:400 40px/1.2 Marcellus,Georgia,serif;margin:0 0 12px;color:var(--tsr-ink)}
.tsr-counter-top p{margin:0;color:var(--tsr-ink-2)}

/* THE TESTER TRAY: brass rail, mirrored glass, four compacts */
.tsr-tray{margin:0 -8px 54px;padding:16px;border-radius:28px;background:linear-gradient(180deg,#f1dfae,var(--tsr-brass) 40%,#8b6a2c);box-shadow:0 18px 30px -18px rgba(47,36,48,.55)}
.tsr-tray__glass{list-style:none;margin:0;padding:38px 26px 30px;display:grid;grid-template-columns:repeat(4,1fr);gap:22px;border-radius:18px;
  background:linear-gradient(115deg,rgba(255,255,255,.85) 0 18%,rgba(255,255,255,.15) 18% 26%,rgba(255,255,255,.6) 26% 30%,rgba(255,255,255,.08) 30%),linear-gradient(180deg,#eef6f3,#c9ddd6);
  box-shadow:inset 0 2px 0 #fff,inset 0 -10px 18px rgba(82,112,104,.25)}
.tsr-compact{display:flex;flex-direction:column;align-items:center;gap:16px}
.tsr-compact__mirror{display:grid;place-items:center;width:100%;max-width:190px;aspect-ratio:1;border-radius:50%;text-decoration:none;
  background:radial-gradient(circle at 50% 50%,transparent 0 62%,#fff4d9 63%,var(--tsr-brass-lt) 66%,var(--tsr-brass) 72%,#7d5e25 76%,transparent 77%),
  radial-gradient(circle at 36% 30%,#fff 0 8%,#fbe8e3 22%,var(--tsr-blush-2) 58%,#d9a39a);
  box-shadow:0 12px 16px -10px rgba(47,36,48,.5)}
.tsr-compact__mirror span{max-width:62%;text-align:center;font:400 21px/1.15 Marcellus,Georgia,serif;color:var(--tsr-rose-deep)}
.tsr-compact__mirror:hover{transform:translateY(-2px)}
.tsr-tent{position:relative;width:100%;max-width:200px;padding:14px 12px 12px;text-align:center;background:var(--tsr-paper);border:1px solid var(--tsr-rule);border-radius:3px;box-shadow:0 8px 0 -4px #dcd2c4,0 10px 12px -8px rgba(47,36,48,.4)}
.tsr-tent::before{content:"";position:absolute;left:8px;right:8px;top:5px;border-top:1px dashed var(--tsr-rule)}
.tsr-tent__s{margin:4px 0 2px;font-size:14px;color:var(--tsr-ink-2)}
.tsr-tent__p{display:block;font:400 26px/1.2 Marcellus,Georgia,serif;color:var(--tsr-ink)}
.tsr-tent__a{display:inline-block;margin-top:6px;font-size:15px}
.tsr-tent .tsr-bell{margin-top:8px}
.tsr-tray__rail{margin:14px 6px 0;text-align:center;color:#3a2a10;font-size:15px}

.tsr-bell{font:700 15px/1 Karla,Helvetica,Arial,sans-serif;padding:10px 18px;border-radius:4px;border:1.5px solid var(--tsr-rose-deep);background:var(--tsr-rose);color:#fff;cursor:pointer;text-decoration:none;display:inline-block}
.tsr-bell:hover{background:var(--tsr-rose-deep)}
.tsr-bell:disabled{background:#c8b6bc;border-color:#c8b6bc;cursor:not-allowed}
.tsr-bell--lg{font-size:17px;padding:14px 24px}
.tsr-bell--full{width:100%}

/* gift boxes: a rose lid band, tissue inside, a hang tag */
.tsr-band{margin:0 0 50px}
.tsr-band--slim{max-width:780px;margin-left:auto;margin-right:auto}
.tsr-gifts{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;align-items:start;margin-bottom:34px}
.tsr-gift{position:relative;background:var(--tsr-paper);border:1px solid var(--tsr-rule);padding:0 20px 22px;box-shadow:6px 6px 0 var(--tsr-wall-2)}
.tsr-gift__lid{margin:0 -21px 16px;padding:16px 20px;background:var(--tsr-rose);border-bottom:6px solid var(--tsr-brass)}
.tsr-gift__lid h3{margin:0;font:400 26px/1.1 Marcellus,Georgia,serif;color:#fff}
.tsr-gift__tissue{list-style:none;margin:0 0 12px;padding:10px 12px;background:repeating-linear-gradient(135deg,#fdf1ee 0 10px,#f8e4df 10px 20px);border-radius:2px}
.tsr-gift__tissue li{display:flex;justify-content:space-between;gap:10px;padding:3px 0}
.tsr-gift__tissue span{color:var(--tsr-ink-2)}
.tsr-gift__n{margin:0 0 4px;font-weight:700}
.tsr-gift__days{margin:0 0 14px;font-size:14px;color:var(--tsr-ink-2)}
.tsr-gift__tag{display:inline-flex;flex-direction:column;margin:0 0 14px;padding:8px 16px 8px 26px;background:#fbefcf;border:1px solid var(--tsr-brass);border-radius:4px 14px 14px 4px;position:relative}
.tsr-gift__tag::before{content:"";position:absolute;left:9px;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:var(--tsr-wall);border:1px solid var(--tsr-brass)}
.tsr-gift__tag span{font:400 26px/1.1 Marcellus,Georgia,serif}
.tsr-gift__tag small{font-size:13px;color:var(--tsr-ink-2)}
.tsr-gift__shot{display:block;margin:0 0 12px}

/* the carbon sales check: Auto Ship */
.tsr-carbon{position:relative;padding:26px 28px 22px;background:#fbe4e4;border:1px solid #e4b9bd;box-shadow:inset 0 0 0 6px #fbe4e4,inset 0 0 0 7px #e9c2c6}
.tsr-carbon::before{content:"";position:absolute;left:0;right:0;top:-6px;height:12px;background:radial-gradient(circle,var(--tsr-wall) 4px,transparent 5px) 0 0/16px 12px repeat-x}
.tsr-carbon h2{font:400 26px/1.2 Marcellus,Georgia,serif;margin:0 0 8px;color:var(--tsr-rose-deep)}
.tsr-carbon p{margin:0 0 8px}
.tsr-carbon__no{position:absolute;right:22px;top:18px;font-family:"Courier New",monospace;color:#b1495e;font-size:14px}
.tsr-carbon__shot{margin-top:10px}

/* the counter: one stand per product */
.tsr-stands{display:flex;flex-direction:column;gap:30px;margin-bottom:26px}
.tsr-stand{display:grid;grid-template-columns:220px 1fr 300px;gap:24px;padding:24px;background:var(--tsr-glass);border:1px solid #c3d5ce;border-top:6px solid var(--tsr-brass)}
.tsr-stand__words h2{font:400 30px/1.15 Marcellus,Georgia,serif;margin:0 0 4px;color:var(--tsr-rose-deep)}
.tsr-stand__sz{margin:0 0 10px;color:var(--tsr-ink-2)}
.tsr-stand__claim{font-style:italic}
.tsr-stand__how,.tsr-stand__days{font-size:15px;color:var(--tsr-ink-2);margin:6px 0}
.tsr-stand__buy{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin:14px 0 0;font-weight:700}
.tsr-pot{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;aspect-ratio:3/4;padding:18px;text-align:center;border-radius:46% 46% 10px 10px/18% 18% 10px 10px;background:linear-gradient(180deg,var(--tsr-blush) 0 22%,var(--tsr-brass) 22% 24%,#fffaf6 24%);border:1px solid var(--tsr-rule)}
.tsr-pot__house{font-family:Yesteryear,cursive;font-size:30px;color:var(--tsr-rose)}
.tsr-pot__nm{font:400 22px/1.15 Marcellus,Georgia,serif}
.tsr-pot__sz{font-size:14px;color:var(--tsr-ink-2)}
.tsr-card{background:var(--tsr-paper);border:1px solid var(--tsr-ink);padding:14px 16px;font-size:14px;line-height:1.5}
.tsr-card p{margin:0 0 8px}
.tsr-card__t{font:700 20px/1.2 Karla,Helvetica,Arial,sans-serif;border-bottom:4px solid var(--tsr-ink);padding-bottom:4px}
.tsr-card__care{border-top:1px solid var(--tsr-rule);padding-top:8px}
.tsr-card table{width:100%;border-collapse:collapse;margin-bottom:8px}
.tsr-card td{border-top:1px solid var(--tsr-rule);padding:3px 0}

/* price cards: tented cards in a row */
.tsr-stand-up{background:var(--tsr-paper);border:1px solid var(--tsr-rule);border-top:4px solid var(--tsr-rose);padding:6px 22px 14px;margin-bottom:26px;overflow-x:auto}
.tsr-cardtable{width:100%;border-collapse:collapse;min-width:460px}
.tsr-cardtable th,.tsr-cardtable td{text-align:left;padding:8px 8px;border-bottom:1px dotted var(--tsr-rule);vertical-align:top}
.tsr-cardtable th{font-family:Marcellus,Georgia,serif;font-weight:400;color:var(--tsr-ink-2)}
.tsr-num{text-align:right!important;white-space:nowrap}

/* reading pages: a store leaflet */
.tsr-leaflet{max-width:780px;margin:0 auto;padding:34px 40px;background:var(--tsr-paper);border:1px solid var(--tsr-rule);box-shadow:8px 8px 0 var(--tsr-wall-2);overflow-wrap:anywhere}
.tsr-leaflet__h{font:400 36px/1.2 Marcellus,Georgia,serif;color:var(--tsr-rose-deep);margin:0 0 18px}
.tsr-leaflet h2{font:400 24px/1.25 Marcellus,Georgia,serif;margin:28px 0 8px}
.tsr-leaflet h3{font-size:18px;margin:20px 0 6px}
.tsr-rung{margin-top:26px;padding-top:12px;border-top:1px solid var(--tsr-rule);font-size:15px;color:var(--tsr-ink-2)}
.tsr-act{margin:16px 0}
.tsr-act__said{margin:10px 0 0;font-weight:700;color:var(--tsr-rose-deep)}
.tsr-desk{display:grid;grid-template-columns:120px 1fr;gap:8px 16px;margin:18px 0}
.tsr-desk dt{font-family:Marcellus,Georgia,serif;color:var(--tsr-ink-2)}
.tsr-desk dd{margin:0}

/* the sales slip */
.tsr-check{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}
.tsr-check__left,.tsr-check__right{background:var(--tsr-paper);border:1px solid var(--tsr-rule);padding:20px 22px}
.tsr-check__left{background:#fdf4f2;background-image:repeating-linear-gradient(180deg,transparent 0 31px,#efd3cf 31px 32px)}
.tsr-lines ul{list-style:none;margin:0;padding:0}
.tsr-line{display:grid;grid-template-columns:1fr auto auto;gap:6px 12px;align-items:center;padding:10px 0;border-bottom:1px solid #e7c8c3}
.tsr-line__t small{display:block;font-size:13px;color:var(--tsr-ink-2)}
.tsr-line__q{display:inline-flex;align-items:center;gap:8px}
.tsr-line__q button{width:30px;height:30px;border-radius:50%;border:1px solid var(--tsr-brass);background:#fff;cursor:pointer;font-size:16px}
.tsr-line__x{grid-column:1/-1;justify-self:start;border:0;background:none;color:var(--tsr-rose-deep);text-decoration:underline;cursor:pointer;padding:0;font-size:14px}
.tsr-repeat{margin:16px 0;padding:14px;background:#fbe4e4;border:1px dashed #d79aa4}
.tsr-tick{display:flex;gap:10px;align-items:flex-start;margin:8px 0;font-size:15px}
.tsr-tick input{width:20px;height:20px;margin-top:3px;flex:none}
.tsr-extra{margin:16px 0;padding:14px;background:#fff8f0;border:1px solid #e9cfa6;border-radius:4px}
.tsr-codebox{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:flex-end;margin:14px 0}
.tsr-codebox .tsr-f{flex:1 1 180px;margin:0}
.tsr-codebox__said{flex-basis:100%;margin:0;font-size:15px}
[hidden]{display:none !important}
.tsr-sumtab{width:100%;border-collapse:collapse;margin-top:12px;background:#fff}
.tsr-sumtab caption{text-align:left;font-family:Marcellus,Georgia,serif;font-size:20px;padding-bottom:6px}
.tsr-sumtab th,.tsr-sumtab td{padding:6px 8px;border-bottom:1px solid #eee;text-align:left}
.tsr-sumtab td{text-align:right;white-space:nowrap}
.tsr-sumtab .tsr-sumtab__end th,.tsr-sumtab .tsr-sumtab__end td{font-weight:700;border-top:2px solid var(--tsr-ink)}
.tsr-f{display:block;margin:0 0 12px}
.tsr-f span{display:block;font-size:14px;color:var(--tsr-ink-2);margin-bottom:3px}
.tsr-f input{width:100%;padding:10px 11px;font:16px Karla,Helvetica,Arial,sans-serif;border:1px solid #b9aca0;border-radius:3px;background:#fff}
.tsr-pair{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
.tsr-trio{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0 12px}
.tsr-once{font-weight:700;margin:12px 0}
.tsr-err{color:#9b1c31;font-weight:700}
.tsr-why{font-size:14px;color:var(--tsr-ink-2)}
.tsr-weTake{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 12px}
.tsr-weTake__say{font-size:14px;color:var(--tsr-ink-2)}
.tsr-weTake__row{display:inline-flex;gap:6px;line-height:0}

/* the store hours plaque */
.tsr-plaque{background:#3a2a35;color:#f2e6d6;padding:36px 24px 24px;border-top:6px double var(--tsr-brass)}
.tsr-plaque__inner{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:1.6fr 1fr 1.2fr;gap:24px}
.tsr-plaque a{color:#f3d48f}
.tsr-plaque p{margin:0 0 10px}
.tsr-plaque__brand{font-family:Yesteryear,cursive;font-size:36px;color:var(--tsr-blush);line-height:1}
.tsr-plaque__dir{list-style:none;margin:0;padding:0}
.tsr-plaque__dir li{margin:0 0 8px}
.tsr-plaque .tsr-plaque__fda{max-width:1080px;margin:22px auto 8px;font-size:14px;border-top:1px solid #6b5562;padding-top:14px}
.tsr-plaque .tsr-plaque__copy{max-width:1080px;margin:0 auto;font-size:13px;color:#cbb9ad}

@media (max-width:900px){
  .tsr-tray__glass{grid-template-columns:repeat(2,1fr);padding:26px 16px}
  .tsr-gifts{grid-template-columns:1fr}
  .tsr-stand{grid-template-columns:160px 1fr}
  .tsr-stand__panel{grid-column:1/-1}
  .tsr-check{grid-template-columns:1fr}
  .tsr-plaque__inner{grid-template-columns:1fr}
}
@media (max-width:560px){
  body.tsr-floor{font-size:16px}
  .tsr-stand-up{padding:6px 12px 12px}
  .tsr-cardtable{min-width:0;font-size:14px}
  .tsr-cardtable th,.tsr-cardtable td{padding:8px 5px}
  .tsr-cardtable .tsr-num{white-space:nowrap}
  .tsr-fascia{grid-template-columns:1fr 1fr;padding:14px 16px 0}
  .tsr-sign{grid-column:1/-1;grid-row:1}
  .tsr-sign__script{font-size:46px}
  .tsr-sign__plate{height:46px}
  .tsr-fascia__ring{grid-row:2}
  .tsr-fascia__slip{grid-row:2}
  .tsr-aisle{gap:4px 16px}
  .tsr-aisle a{font-size:15px}
  .tsr-hall{padding:24px 16px 44px}
  .tsr-h1{font-size:34px}
  .tsr-counter-top h1{font-size:30px}
  .tsr-tray{margin:0 0 40px;padding:10px}
  .tsr-tray__glass{gap:16px 12px;padding:20px 10px}
  .tsr-compact__mirror span{font-size:16px}
  .tsr-tent__p{font-size:21px}
  .tsr-stand{grid-template-columns:1fr;padding:16px}
  .tsr-stand__front{max-width:200px}
  .tsr-leaflet{padding:22px 18px}
  .tsr-leaflet__h{font-size:28px}
  .tsr-pair,.tsr-trio{grid-template-columns:1fr}
  .tsr-desk{grid-template-columns:1fr}
  .tsr-carbon__no{position:static;margin:0 0 4px}
}