/* Narrow layout = iPhone XD 390. Applied below 860px, then scaled up/down. */
/* Wide layout = laptop XD 1500 (style.css), scaled down from 1500 to 860. */

:root {
  --n: 0;
}

body.is-narrow #nav {
  height: 36px;
  border-bottom-width: 0.5px;
}

body.is-narrow .hdr-retain {
  display: none;
}

body.is-narrow .hdr-logo {
  left: 161px;
  top: 11px;
  font-size: 9px;
  -webkit-text-stroke-width: 0.2px;
}

body.is-narrow .hdr-llc,
body.is-narrow .hdr-season,
body.is-narrow .hdr-cotton,
body.is-narrow .hdr-addr {
  font-size: 6px;
  -webkit-text-stroke-width: 0.17px;
}

body.is-narrow .hdr-llc {
  left: 168px;
  top: 17px;
}

body.is-narrow .hdr-season {
  left: 202px;
  top: 17px;
}

body.is-narrow .hdr-cotton {
  left: 171px;
  top: 23px;
}

body.is-narrow .hdr-addr {
  left: 158px;
  top: 30px;
}

body.is-narrow .rcpt-llc,
body.is-narrow .rcpt-season,
body.is-narrow .rcpt-cotton,
body.is-narrow .rcpt-addr,
body.is-narrow .rcpt-tel,
body.is-narrow .rcpt-web {
  -webkit-text-stroke-width: 0.15px;
}

body.is-narrow .rcpt-llc {
  left: 170.31px;
  top: 44.38px;
  font-size: 5px;
}

body.is-narrow .rcpt-season {
  left: 195.75px;
  top: 44.38px;
  font-size: 5px;
}

body.is-narrow .rcpt-cotton {
  left: 174.06px;
  top: 50.19px;
  font-size: 5px;
}

body.is-narrow .rcpt-addr {
  left: 162.17px;
  top: 56.01px;
  font-size: 5px;
}

body.is-narrow .rcpt-tel {
  left: 152.36px;
  top: 61.82px;
  font-size: 5px;
}

body.is-narrow .rcpt-web {
  left: 194.95px;
  top: 61.82px;
  font-size: 5px;
}

body.is-narrow .rcpt-line-1,
body.is-narrow .rcpt-line-2 {
  border-top-width: 0.4px;
}

body.is-narrow .rcpt-line-1 {
  left: 125.32px;
  top: 68.42px;
  width: 146.4px;
}

body.is-narrow .rcpt-line-2 {
  left: 125.86px;
  top: 113.71px;
  width: 146.12px;
  opacity: 0.297;
}

body.is-narrow .rcpt-trans {
  left: 117.86px;
  top: 74.02px;
  font-size: 6px;
}

body.is-narrow .rcpt-date {
  left: 157.96px;
  top: 74.02px;
  font-size: 6px;
}

body.is-narrow .rcpt-time {
  left: 206.45px;
  top: 74.02px;
  font-size: 6px;
}

body.is-narrow .rcpt-store {
  left: 118.79px;
  top: 80.54px;
  font-size: 6px;
}

body.is-narrow .rcpt-cashier {
  left: 118.79px;
  top: 86.14px;
  font-size: 6px;
}

body.is-narrow .rcpt-customer {
  left: 118.79px;
  top: 92.67px;
  font-size: 6px;
}

body.is-narrow .rcpt-custid {
  left: 118.79px;
  top: 98.26px;
  font-size: 6px;
}

body.is-narrow .rcpt-h-item {
  left: 118.79px;
  top: 110.38px;
  font-size: 4px;
}

body.is-narrow .rcpt-h-qty {
  left: 161.69px;
  top: 110.38px;
  font-size: 5px;
}

body.is-narrow .rcpt-h-price {
  left: 186.87px;
  top: 110.38px;
  font-size: 5px;
}

body.is-narrow .rcpt-h-amt {
  left: 226.03px;
  top: 110.38px;
  font-size: 5px;
}

body.is-narrow .rcpt-sku,
body.is-narrow .rcpt-price,
body.is-narrow .rcpt-amt,
body.is-narrow .rcpt-item,
body.is-narrow .rcpt-sku2,
body.is-narrow .rcpt-sales {
  font-size: 4px;
}

body.is-narrow .rcpt-sku {
  left: 118.79px;
  top: 118.78px;
}

body.is-narrow .rcpt-qty {
  left: 165.42px;
  top: 118.78px;
  font-size: 5px;
}

body.is-narrow .rcpt-price {
  left: 186.87px;
  top: 118.78px;
}

body.is-narrow .rcpt-amt {
  left: 243.75px;
  top: 118.78px;
}

body.is-narrow .rcpt-item {
  left: 118.79px;
  top: 124.37px;
}

body.is-narrow .rcpt-sku2 {
  left: 156.09px;
  top: 124.37px;
}

body.is-narrow .rcpt-sales {
  left: 134.79px;
  top: 129.97px;
}

body.is-narrow .rcpt-sub {
  left: 230.69px;
  top: 144.89px;
  font-size: 4px;
}

body.is-narrow .rcpt-tax {
  left: 244.68px;
  top: 150.48px;
  font-size: 5px;
}

body.is-narrow .rcpt-total-l {
  left: 214.84px;
  top: 163.74px;
  font-size: 8px;
}

body.is-narrow .rcpt-total-v {
  left: 237.22px;
  top: 163.67px;
  font-size: 7px;
}

body.is-narrow .barcode {
  left: 118.79px;
  top: 180.98px;
  width: 157px;
  height: 16.8px;
}

body.is-narrow .barcode-num {
  left: 118.95px;
  top: 200.47px;
  font-size: 3px;
}

body.is-narrow .original {
  left: 177.46px;
  top: 229.51px;
  font-size: 7px;
}

body.is-narrow .rcpt-email {
  left: 160.67px;
  top: 274.49px;
  font-size: 9px;
}

body.is-narrow .rcpt-retain {
  left: 143.5px;
  top: 282.52px;
  font-size: 5.5px;
}

body.is-narrow .wordmark {
  left: 66px;
  top: 142.4px;
  font-size: 33px;
  -webkit-text-stroke-width: 0.7px;
}

body.is-narrow .coming-soon {
  left: 77.91px;
  top: 171.62px;
  font-size: 27px;
}

body.is-narrow .graffiti-fore {
  left: 21.99px;
  top: 203.98px;
  font-size: 27px;
}

body.is-narrow .graffiti-spent {
  left: 39.53px;
  top: 225.66px;
  font-size: 23px;
}

body.is-narrow .tag-taste,
body.is-narrow .tag-money {
  opacity: 1;
  max-width: none;
  overflow: visible;
  letter-spacing: 0.05em;
}

body.is-narrow .tag-taste {
  left: 262.81px;
  top: 260.7px;
  font-size: 17px;
}

body.is-narrow .tag-money {
  left: 289.5px;
  top: 267.24px;
  font-size: 7px;
}

body.is-narrow .preorders {
  left: 110px;
  top: 347.61px;
  font-size: 14px;
  letter-spacing: 0.01em;
  -webkit-text-stroke-width: 0.2px;
}

body.is-narrow .product {
  top: auto;
}

body.is-narrow .p1 {
  left: 33.8px;
  top: 357.12px;
  width: 147px;
}

body.is-narrow .p1 .product-frame {
  height: 159px;
}

body.is-narrow .p2 {
  left: 218.57px;
  top: 357.12px;
  width: 124.2px;
}

body.is-narrow .p2 .product-frame {
  height: 159px;
}

body.is-narrow .p3 {
  left: 33.8px;
  top: 601.84px;
  width: 147px;
}

body.is-narrow .p3 .product-frame {
  height: 163px;
}

body.is-narrow .p4 {
  left: 218.57px;
  top: 601.84px;
  width: 145.8px;
}

body.is-narrow .p4 .product-frame {
  height: 163px;
}

body.is-narrow .product-stroke rect {
  stroke-width: 0.5px;
}

body.is-narrow .p-info {
  margin-top: 15.5px;
}

body.is-narrow .p-season {
  font-size: 10px;
  margin-bottom: 3px;
}

body.is-narrow .p-name {
  font-size: 8px;
  margin-bottom: 3px;
}

body.is-narrow .p-desc {
  font-size: 8px;
  line-height: 7px;
  margin-bottom: 6px;
  white-space: pre;
}

body.is-narrow .p-price {
  font-size: 8px;
}

.p4 .p-name {
  position: relative;
}

.p4 .n-desk,
.p4 .n-mob {
  display: block;
}

.p4 .n-mob {
  display: none;
}

.d-mob {
  display: none;
}

body.is-narrow .p4 .n-desk,
body.is-narrow .d-desk {
  display: none;
}

body.is-narrow .p4 .n-mob,
body.is-narrow .d-mob {
  display: block;
  position: static;
}

body.is-narrow .stay {
  left: 44.07px;
  top: 922.22px;
  font-size: 23px;
  -webkit-text-stroke-width: 0.5px;
}

body.is-narrow .news-title {
  left: 44.07px;
  top: 938.18px;
  font-size: 15px;
}

body.is-narrow #news-form {
  left: 44.07px;
  top: 948.68px;
  width: 150.93px;
  height: 22.97px;
}

body.is-narrow .news-box {
  border-width: 0.5px;
}

body.is-narrow .news-label {
  font-size: 5px;
}

body.is-narrow .news-box .news-input {
  left: 6px;
  right: 28px;
  padding: 0 4px;
  font-size: 7px;
  line-height: 21.97px;
}

body.is-narrow .news-send {
  width: 17.99px;
  height: 15.51px;
  top: 3.95px;
  right: 6.58px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

body.is-narrow .news-send svg {
  width: 100%;
  height: 100%;
}

body.is-narrow .blurb {
  left: 30px;
  top: 994.91px;
  width: 330px;
  font-size: 8px;
  line-height: 7.4px;
}

body.is-narrow .interest {
  left: 85px;
  top: 1154.19px;
  font-size: 25px;
  -webkit-text-stroke-width: 0.4px;
}

body.is-narrow .aim {
  left: 51px;
  top: 1170.19px;
  font-size: 11px;
}

body.is-narrow #interest-form {
  --field-box-h: 24px;
  --caret-thin: 0.9588;
}

body.is-narrow .field {
  border-width: 0.5px;
  font-size: 13px;
  line-height: 13px;
  padding: 4px 3.8px;
}

body.is-narrow .fake-caret {
  left: var(--caret-x, 3.8px);
}

body.is-narrow .ph {
  left: 3.8px;
  font-size: 13px;
  line-height: 1;
  padding-top: 0;
  align-items: center;
}

body.is-narrow .f-msg .ph {
  align-items: flex-start;
  padding-top: 5px;
}

body.is-narrow .req {
  font-size: 11px;
}

body.is-narrow .f-first {
  left: 28.69px;
  top: 1190.13px;
  width: 162.29px;
  height: 24px;
}

body.is-narrow .f-last {
  left: 199.69px;
  top: 1190.13px;
  width: 162.29px;
  height: 24px;
}

body.is-narrow .f-email,
body.is-narrow .f-title,
body.is-narrow .f-phone {
  left: 28.69px;
  width: 333.29px;
  height: 24px;
}

body.is-narrow .f-email {
  top: 1221.3px;
}

body.is-narrow .f-title {
  top: 1252.47px;
}

body.is-narrow .f-phone {
  top: 1283.64px;
}

body.is-narrow .f-msg {
  left: 28.69px;
  top: 1313.31px;
  width: 333.29px;
  height: 76px;
}

body.is-narrow .char-max {
  left: 308px;
  right: auto;
  top: 1385.41px;
  font-size: 5.5px;
  letter-spacing: 0.025em;
}

body.is-narrow .submit-btn {
  left: 28.69px;
  top: 1396.32px;
  width: 333.29px;
  height: 20px;
  font-size: 10px;
  letter-spacing: 0.15em;
}

body.is-narrow .form-bars {
  left: 106.79px;
  top: 1424.99px;
  font-size: 4.5px;
}

body.is-narrow .form-retain {
  left: 132.79px;
  top: 1434.99px;
  font-size: 7px;
}

body.is-narrow .equals-bar {
  top: 1483.54px;
  width: 390px;
  font-size: 11px;
  line-height: 6px;
  letter-spacing: 0.02em;
  height: 48px;
  overflow: hidden;
}

body.is-narrow .equals-bar.d-mob {
  display: block;
  position: absolute;
}

body.is-narrow .foot-tel,
body.is-narrow .foot-email,
body.is-narrow .foot-addr,
body.is-narrow .foot-web {
  top: calc(1524.04px - (3px * (1 - var(--n))));
  font-size: 5.5px;
  letter-spacing: 0.02em;
}

body.is-narrow .foot-tel {
  left: 5px;
}

body.is-narrow .foot-email {
  left: 50.08px;
}

body.is-narrow .foot-addr {
  left: 99.15px;
}

body.is-narrow .foot-web {
  left: 201.23px;
}

body.is-narrow .thank-you {
  left: 301.73px;
  right: auto;
  top: calc(1518.54px - (3px * (1 - var(--n))));
  font-size: 7px;
  letter-spacing: 0.02em;
  white-space: nowrap;
  overflow: visible;
}

body.is-narrow .gate-logo {
  left: 103px;
  top: 109px;
  font-size: 24px;
  -webkit-text-stroke-width: 0.4px;
}

body.is-narrow #gate-form {
  left: 39px;
  top: 131px;
  width: 313px;
  height: 19px;
}

body.is-narrow #gate-pass {
  border-width: 0.6px;
  font-size: 7px;
  line-height: 17.8px;
  padding: 0 9px;
}

body.is-narrow .gate-original {
  left: 183px;
  top: 336px;
  font-size: 9px;
}

/* Wide-but-not-full: keep receipt address centered between cotton and tel */
@media (min-width: 861px) and (max-width: 1500px) {
  .rcpt-addr {
    top: 93.5px;
  }
}