.qg-wrap{max-width:128rem;margin:0 auto;padding-left:clamp(1.6rem,3vw,3.2rem);padding-right:clamp(1.6rem,3vw,3.2rem)}.qg-eyebrow{display:inline-flex;align-items:center;gap:.8rem;font-size:1.3rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--qg-orange-ink)}.qg-h2{font-family:var(--qg-display);font-weight:800;font-size:clamp(2.8rem,3.6vw,4rem);letter-spacing:-.025em;line-height:1;margin:0}.qg-head{display:flex;justify-content:space-between;align-items:flex-end;gap:1.6rem;flex-wrap:wrap;margin-bottom:2rem}.qg-head p{margin:.6rem 0 0;color:var(--qg-muted);font-size:1.6rem}.qg-link{font-weight:700;color:var(--qg-ink);text-underline-offset:4px}.qg-btn{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;min-height:5rem;padding:0 2.4rem;border-radius:999px;font-weight:700;font-size:1.6rem;text-decoration:none;border:2px solid var(--qg-ink);background:var(--qg-ink);color:#fff;cursor:pointer;transition:transform .15s var(--qg-ease),background-color .2s ease,color .2s ease;font-family:var(--qg-body)}.qg-btn:hover{background:#3a2f24;border-color:#3a2f24}.qg-btn:active{transform:scale(.97)}.qg-btn--ghost{background:transparent;color:var(--qg-ink)}.qg-btn--ghost:hover{background:var(--qg-ink);color:#fff}.qg-btn--orange{background:var(--qg-orange);border-color:var(--qg-orange);color:var(--qg-ink)}.qg-btn--orange:hover{background:#e45d20;border-color:#e45d20}.qg-btn[disabled]{opacity:.5;cursor:not-allowed}.qg-btn.is-added{background:var(--qg-green);border-color:var(--qg-green);color:#fff}.qg-btn:focus-visible,.qg-chip:focus-visible,.qg-cat:focus-visible,.qg-tile:focus-visible{outline:3px solid var(--qg-orange);outline-offset:2px}.qg-catbar{background:var(--qg-paper);border-bottom:1px solid var(--qg-line)}.qg-catbar__track{display:flex;gap:.8rem;overflow-x:auto;padding-top:1rem;padding-bottom:1rem;scrollbar-width:none;-webkit-overflow-scrolling:touch}.qg-catbar__track::-webkit-scrollbar{display:none}.qg-cat{flex:none;display:inline-flex;align-items:center;gap:.8rem;min-height:4.2rem;padding:0 1.6rem;border-radius:999px;border:1px solid var(--qg-line);background:var(--qg-paper);color:var(--qg-ink);font-weight:600;font-size:1.45rem;text-decoration:none;white-space:nowrap;transition:border-color .2s ease,background-color .2s ease}.qg-cat:hover{border-color:var(--qg-ink)}.qg-cat[aria-current=page]{background:var(--qg-ink);border-color:var(--qg-ink);color:#fff}.qg-cat__dot{width:9px;height:9px;border-radius:50%;flex:none}.qg-cat--hot{border-color:var(--qg-orange)}.qg-hero{background:linear-gradient(180deg,var(--qg-sand) 0%,var(--qg-paper) 100%);border-bottom:1px solid var(--qg-line);overflow:hidden}.qg-hero__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:4rem;align-items:center;padding-top:clamp(3.2rem,5vw,6.4rem);padding-bottom:clamp(3.2rem,5vw,6.4rem)}.qg-hero__copy{display:flex;flex-direction:column;gap:2rem}.qg-hero__title{font-family:var(--qg-display);font-weight:800;font-size:clamp(4rem,6.2vw,7.6rem);line-height:.95;letter-spacing:-.035em;margin:0;text-wrap:balance}.qg-hero__title em{font-style:normal;color:var(--qg-orange-ink)}.qg-hero__sub{margin:0;font-size:clamp(1.6rem,1.6vw,1.9rem);line-height:1.5;color:#3d3328;max-width:52rem}.qg-hero__ctas{display:flex;gap:1.2rem;flex-wrap:wrap}.qg-hero__xmas{align-self:flex-start;display:inline-flex;align-items:center;gap:.8rem;padding:.7rem 1.4rem;border-radius:999px;background:var(--qg-paper);border:1px solid var(--qg-line);font-size:1.4rem;font-weight:600}.qg-hero__xmas strong{color:var(--qg-orange-ink)}.qg-usps{display:flex;flex-wrap:wrap;gap:.8rem 2rem;margin:.4rem 0 0;padding:0;list-style:none;font-size:1.4rem;font-weight:600;color:#3d3328}.qg-usps li{display:inline-flex;align-items:center;gap:.6rem}.qg-usps svg{color:var(--qg-green);flex:none}.qg-hero__art{position:relative;aspect-ratio:1 / .92}.qg-float{position:absolute;display:block;border-radius:22px;background:var(--qg-paper);border:1px solid var(--qg-line);box-shadow:0 22px 44px #1f19121f;overflow:hidden;text-decoration:none;color:var(--qg-ink);animation:qgFloat 7s ease-in-out infinite;transition:box-shadow .25s ease}.qg-float:hover{box-shadow:0 26px 54px #1f191233}.qg-float img{width:100%;height:100%;object-fit:contain;padding:8%;display:block;background:#fff}.qg-float__tag{position:absolute;left:1rem;bottom:1rem;right:1rem;display:flex;justify-content:space-between;align-items:center;gap:.6rem;background:#fffffff0;border:1px solid var(--qg-line);border-radius:999px;padding:.5rem .6rem .5rem 1.2rem;font-size:1.3rem;font-weight:700}.qg-float__tag span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qg-float__price{flex:none;background:var(--qg-orange);color:var(--qg-ink);border-radius:999px;padding:.3rem .9rem;font-weight:800}.qg-float--1{left:2%;top:6%;width:52%;aspect-ratio:1;rotate:-4deg}.qg-float--2{right:0;top:0;width:42%;aspect-ratio:1;rotate:5deg;animation-delay:-2.4s}.qg-float--3{right:8%;bottom:0;width:44%;aspect-ratio:1;rotate:-2deg;animation-delay:-4.6s}.qg-float--4{left:10%;bottom:2%;width:30%;aspect-ratio:1;rotate:3deg;animation-delay:-1.2s}@keyframes qgFloat{0%,to{translate:0 0}50%{translate:0 -12px}}@keyframes qgRise{0%{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}.qg-rise{animation:qgRise .7s var(--qg-ease) both}.qg-cats{padding-top:clamp(3.6rem,5vw,5.6rem);padding-bottom:1.6rem}.qg-cats__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1.2rem}.qg-tile{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:1.2rem;min-height:22rem;padding:1.8rem;border-radius:var(--qg-radius-lg);text-decoration:none;color:var(--qg-ink);overflow:hidden;border:1px solid rgba(31,25,18,.06);transition:transform .25s var(--qg-ease),box-shadow .25s ease}.qg-tile:hover{transform:translateY(-4px);box-shadow:0 16px 32px #1f19121f}.qg-tile__img{width:70%;aspect-ratio:1;align-self:flex-end;object-fit:contain;mix-blend-mode:multiply;transition:transform .35s var(--qg-ease)}.qg-tile:hover .qg-tile__img{transform:scale(1.07) rotate(-3deg)}.qg-tile__name{font-family:var(--qg-display);font-weight:800;font-size:2rem;line-height:1.05;letter-spacing:-.01em}.qg-tile__meta{font-size:1.3rem;color:#1f1912b8;font-weight:600}.qg-tile__price{font-family:var(--qg-display);font-weight:800;font-size:5.2rem;line-height:.9;letter-spacing:-.04em}.qg-finder{padding-top:clamp(3.6rem,5vw,5.6rem);padding-bottom:clamp(3.6rem,5vw,5.6rem)}.qg-finder__panel{background:var(--qg-ink);color:#fff6ea;border-radius:28px;padding:clamp(2.4rem,4vw,4.8rem);display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:4rem}.qg-finder__panel .qg-eyebrow{color:var(--qg-orange)}.qg-finder__panel .qg-h2{color:#fff6ea}.qg-finder__q{display:flex;flex-direction:column;gap:1rem;margin-top:2.4rem}.qg-finder__q>span{font-size:1.45rem;color:#d9cbb6;font-weight:600}.qg-chips{display:flex;flex-wrap:wrap;gap:.8rem}.qg-chip{min-height:4.4rem;padding:0 1.6rem;border-radius:999px;border:1px solid #5B4E40;background:transparent;color:#fff6ea;font-weight:600;font-size:1.45rem;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease;font-family:var(--qg-body)}.qg-chip:hover{border-color:#fff6ea}.qg-chip[aria-pressed=true]{background:var(--qg-orange);border-color:var(--qg-orange);color:var(--qg-ink)}.qg-finder__results{display:flex;flex-direction:column;gap:1rem}.qg-finder__results.is-swapping{animation:qgRise .45s var(--qg-ease) both}.qg-pick{display:grid;grid-template-columns:9.6rem minmax(0,1fr) auto;gap:1.4rem;align-items:center;background:#fffcf6;color:var(--qg-ink);border-radius:18px;padding:1rem}.qg-pick__img{width:9.6rem;height:9.6rem;border-radius:12px;object-fit:contain;background:#fff;border:1px solid var(--qg-line)}.qg-pick__title{font-weight:700;font-size:1.55rem;line-height:1.25;color:var(--qg-ink);text-decoration:none}.qg-pick__title:hover{text-decoration:underline}.qg-pick__line{margin:.3rem 0 0;font-size:1.3rem;color:var(--qg-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.qg-pick__price{font-family:var(--qg-display);font-weight:800;font-size:1.9rem}.qg-pick .qg-btn{min-height:4.4rem;padding:0 1.6rem;font-size:1.4rem}.qg-finder__empty{color:#d9cbb6;font-size:1.6rem;margin:0}.qg-finder__more{color:#fff6ea;font-weight:700;text-underline-offset:4px;font-size:1.5rem}.qg-boxes{padding-top:1.6rem;padding-bottom:clamp(3.6rem,5vw,5.6rem)}.qg-boxes__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.4rem}.qg-box{display:flex;flex-direction:column;border:1px solid var(--qg-line);border-radius:var(--qg-radius-lg);background:var(--qg-paper);overflow:hidden;transition:transform .25s var(--qg-ease),box-shadow .25s ease}.qg-box:hover{transform:translateY(-4px);box-shadow:0 16px 34px #1f19121a}.qg-box__art{position:relative;aspect-ratio:4 / 3;background:var(--qg-sand);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;padding:1.4rem}.qg-box__art img{width:100%;height:100%;object-fit:contain;background:#fff;border-radius:12px;border:1px solid var(--qg-line);padding:6%}.qg-box__art--3 img:first-child{grid-row:span 2}.qg-box__count{position:absolute;top:1.2rem;left:1.2rem;background:var(--qg-ink);color:#fff;border-radius:999px;padding:.4rem 1rem;font-size:1.2rem;font-weight:700}.qg-box__body{padding:1.6rem 1.8rem 1.8rem;display:flex;flex-direction:column;gap:1rem;flex:1}.qg-box__name{font-family:var(--qg-display);font-weight:800;font-size:2.2rem;letter-spacing:-.015em;margin:0;line-height:1.05}.qg-box__tag{margin:0;font-size:1.4rem;color:var(--qg-muted)}.qg-box__list{margin:0;padding:0;list-style:none;display:grid;gap:.4rem;font-size:1.35rem}.qg-box__list li{display:flex;justify-content:space-between;gap:1rem}.qg-box__list li span:last-child{color:var(--qg-muted);white-space:nowrap}.qg-box__foot{margin-top:auto;display:flex;flex-direction:column;gap:1rem;padding-top:1rem;border-top:1px solid var(--qg-line)}.qg-box__prices{display:flex;align-items:baseline;gap:1rem;flex-wrap:wrap}.qg-box__now{font-family:var(--qg-display);font-weight:800;font-size:2.6rem}.qg-box__was{color:var(--qg-muted);text-decoration:line-through;font-size:1.5rem}.qg-box__save{background:#fde6da;color:var(--qg-orange-ink);border-radius:999px;padding:.2rem .9rem;font-weight:700;font-size:1.3rem}.qg-box__note{font-size:1.25rem;color:var(--qg-muted);margin:0}.qg-trust{border-top:1px solid var(--qg-line);border-bottom:1px solid var(--qg-line);background:var(--qg-paper)}.qg-trust__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem;padding-top:2.4rem;padding-bottom:2.4rem}.qg-trust__item{display:flex;gap:1.2rem;align-items:flex-start;font-size:1.4rem;line-height:1.4;color:var(--qg-muted)}.qg-trust__item strong{display:block;color:var(--qg-ink);font-size:1.5rem}.qg-trust__item svg{flex:none;color:var(--qg-orange-ink)}.qg-trust__item a{color:var(--qg-ink)}@media screen and (max-width:989px){.qg-hero__grid{grid-template-columns:minmax(0,1fr);gap:2.4rem}.qg-hero__art{max-width:46rem;width:100%;margin:0 auto;aspect-ratio:1 / .78}.qg-cats__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.qg-finder__panel{grid-template-columns:minmax(0,1fr);gap:2.4rem}.qg-boxes__grid,.qg-trust__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:749px){.qg-hero__title{font-size:4rem}.qg-hero__ctas .qg-btn{flex:1 1 100%}.qg-hero__art{aspect-ratio:1 / .7}.qg-float--4{display:none}.qg-cats__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.qg-tile{min-height:17rem;padding:1.4rem}.qg-tile__img{width:58%}.qg-tile__name{font-size:1.7rem}.qg-tile__price{font-size:4rem}.qg-finder__panel{border-radius:0;margin-left:calc(-1*clamp(1.6rem,3vw,3.2rem));margin-right:calc(-1*clamp(1.6rem,3vw,3.2rem))}.qg-pick{grid-template-columns:7.2rem minmax(0,1fr)}.qg-pick__img{width:7.2rem;height:7.2rem}.qg-pick .qg-btn{grid-column:1 / -1;width:100%}.qg-boxes__grid{grid-template-columns:minmax(0,1fr)}.qg-trust__grid{grid-template-columns:minmax(0,1fr);gap:1.4rem}.qg-pc__body{padding:1rem 1rem 1.2rem}.qg-pc__title{font-size:1.4rem}.qg-pc__line{font-size:1.25rem}.qg-pc__foot{flex-wrap:wrap}.qg-pc__add{width:100%;min-height:4.2rem}.qg-sticky .button{padding:0 1.6rem}}@media(prefers-reduced-motion:reduce){.qg-float,.qg-rise,.qg-finder__results.is-swapping{animation:none!important}.qg-tile,.qg-box,.qg-pc,.qg-pc__img,.qg-sticky{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/quokko-go-sections.css.map */