/* The rebuilt brief form (Globo option set) inside the theme's product form,
   styled with the theme's own field look so it reads as part of the page. */
.gpo-form{margin:0 0 2rem}
.gpo-field{margin:0 0 1.6rem}
.gpo-field[hidden]{display:none}
.gpo-label{display:block;font-size:1.4rem;line-height:1.4;font-weight:600;margin:0 0 .8rem;color:rgb(var(--color-foreground))}
.gpo-required{color:#dd1d1d;margin-left:.3rem}
.gpo-form .field{margin:0}
.gpo-form .field__input{min-height:4.4rem;padding:1.2rem 1.5rem;border-radius:var(--inputs-radius,8px)}
.gpo-form .text-area{min-height:10rem;resize:vertical}
.gpo-buttons{display:flex;flex-wrap:wrap;gap:.8rem}
.gpo-btn{font:inherit;font-size:1.3rem;line-height:1;padding:1rem 1.6rem;border:.1rem solid rgba(var(--color-foreground),.55);border-radius:4rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.gpo-btn:hover{border-color:rgb(var(--color-foreground))}
.gpo-btn.is-selected{background:rgb(var(--color-foreground));color:rgb(var(--color-background));border-color:rgb(var(--color-foreground))}
.gpo-price{opacity:.75;font-size:1.2rem}
.gpo-file{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap;cursor:pointer}
.gpo-file input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.gpo-file__btn{min-height:3.8rem;padding:0 1.6rem;font-size:1.3rem}
.gpo-file__name{font-size:1.3rem;opacity:.8}
.gpo-error[hidden]{display:none}
.gpo-error{display:block;color:#dd1d1d;font-size:1.2rem;margin-top:.5rem}
.gpo-field--error .field__input,.gpo-field--error .gpo-btn{border-color:#dd1d1d}
/* cart line quantity is fixed at one per song */
.cart-item .quantity__input[readonly]{width:5rem;text-align:center}
.cart-remove-button{margin-left:.8rem}
.cart-remove-button svg{width:1.6rem;height:1.6rem}

/* Loox reviews feed (server-rendered by the store's review app, laid out here) */
#loox-reviews-feed{display:block!important}
#loox-reviews-feed section>h3{text-align:center;font-size:2.4rem;margin:0 0 .6rem}
#loox-reviews-feed .loox-ssr-review-summary{text-align:center;font-size:1.4rem;opacity:.75;margin:0 0 2.4rem}
#loox-reviews-feed section{columns:4;column-gap:1.6rem}
@media (max-width:989px){#loox-reviews-feed section{columns:2}}
@media (max-width:749px){#loox-reviews-feed section{columns:2;column-gap:1rem}.loox-review{padding:1.2rem;margin-bottom:1rem}.loox-review-media-link{margin:-1.2rem -1.2rem 1rem}}
.loox-review{break-inside:avoid;display:block;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:1.2rem;padding:1.6rem;margin:0 0 1.6rem;box-shadow:0 .2rem .8rem rgba(0,0,0,.04)}
.loox-review-media-link{display:block;margin:-1.6rem -1.6rem 1.2rem;border-radius:1.2rem 1.2rem 0 0;overflow:hidden}
.loox-review-image{display:block;width:100%;height:auto}
.loox-review-body{font-size:1.4rem;line-height:1.5;margin:0 0 1rem}
.loox-review-metadata{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .8rem;font-size:1.2rem;margin:0}
.loox-reviewer-name{font-weight:600;order:2}
.loox-review-rating{order:1;width:100%;color:#7b2bf2;font-size:1.6rem;letter-spacing:.1rem;line-height:1}
.loox-star-off{color:rgba(0,0,0,.15)}
.loox-review-verified{order:3;color:#2e7d32;font-size:1.1rem}
.loox-review-verified:before{content:"✓ "}
.loox-review-date{order:4;opacity:.6;margin-left:auto}
.loox-review-product{display:none}
.loox-review[hidden]{display:none}
.loox-load-more-wrap{text-align:center;margin:1rem 0 0}

/* the static empty-state block only shows while the cart is empty */
cart-drawer:not(.is-empty) .drawer__inner-empty{display:none}

/* the one button into the song wizard */
.gms-note { margin: 1.2rem 0 0; font-size: 1.3rem; line-height: 1.5; text-align: center; opacity: .75; }

/* the sale badge on collection cards was 10px on phones: nothing a customer reads goes under 12px */
@media (max-width: 749px) { .card__badge .badge, .card__badge .badge .nowrap { font-size: 1.2rem; } }

/* the theme hides placeholders (it floats labels); the discount box has no label, so its placeholder is the label */
.tl-discount .field__input::placeholder{opacity:1;color:rgba(var(--color-foreground),.6)}
/* track my order result */
.tl-track-result{max-width:52rem;margin:2.4rem auto 0;padding:2rem 2.4rem;border:1px solid rgba(var(--color-foreground),.15);border-radius:1.2rem;text-align:center}
.tl-track-no{margin:0;font-size:1.4rem;letter-spacing:.06em;text-transform:uppercase;opacity:.75}
.tl-track-status{margin:.4rem 0 .8rem;font-size:2.4rem;font-weight:700;color:rgb(var(--color-foreground))}
.tl-track-status.is-done{color:#2e7d32}
.tl-track-msg{margin:.4rem 0 0;font-size:1.6rem;line-height:1.5}