.literaryEyebrow { color:#9f9835; font-size:12px; font-weight:bold; letter-spacing:1.3px; margin:0 0 8px; text-transform:uppercase; }
.literarySearch { background:#eee; border:1px solid #ddd; box-sizing:border-box; margin:14px 15px 0; padding:16px 20px 14px; }
.literarySearch label { color:#555; display:block; font-size:12px; font-weight:bold; letter-spacing:.6px; margin:0 0 6px; text-transform:uppercase; }
.literarySearchRow { display:flex; align-items: center; gap:10px; max-width:650px; }
.literarySearch input { color:#444; flex:1; font-size:14px;margin: 0;min-width: 250px;}
.literarySearch button.buttonSmall { background:#9f9835; border:0; border-radius:0; box-shadow:none; color:#fff; cursor:pointer; font-size:12px; height:34px; padding:0 19px; text-shadow:none; text-transform:lowercase; }
.literarySearch button.buttonSmall:hover { background:#8d872b; }
.literarySearch button:disabled { cursor:wait; opacity:.55; }
.literarySearchFooter { margin:10px 0 0; max-width:650px; }
.literaryTestArtwork { background:transparent; border:0; color:#777; cursor:pointer; font-size:12px; padding:0; text-decoration:underline; }
.literaryTestArtwork:hover { color:#9f9835; }
.literaryProgress {
    align-items: center;
    box-sizing: border-box;
    color: #666;
    display: flex;
    flex-direction: column;
    font-size: 12px;
    gap: 0;
    justify-content: flex-start;
    left: 33.3%;
    position: absolute;
    text-align: center;
    top: 30%;
    transform: perspective(1100px) rotateX(356deg) rotateY(348deg) scaleX(1) scaleY(1);
    transform-origin: top center;
    width: 22.5%;
    z-index: 2;
}
.literaryProgress[hidden] { display:none; }
.literaryProgressTitle { color:#777225; font-size:10px; font-weight:bold; letter-spacing:.7px; line-height:1.35; text-transform:uppercase; }
.literaryProgressNote { color:#777; font-weight:600; line-height:1.55; margin-top:10px; }
.literaryProgressSpinner { align-items:center; display:flex; height:44px; justify-content:center; margin-top:16px; width:44px; }
.literaryProgressSpinner[hidden],.literaryProgressBlurb[hidden] { display:none; }
.literaryProgressSpinner img { display:block; height:26px; width:26px; }
.literaryProgressBlurb { color:#888; line-height:1.4; padding-top:13px; width:100%; }
.literaryResult { margin:0 15px; }
.literaryResultHeader { border-bottom:1px solid #ddd; padding:27px 0 18px; text-align:left; }
.literaryResultHeader h2 { font-size:30px; margin:0; }
.literaryResultHeader p:last-child { color:#777; font-size:15px; font-style:italic; margin:4px 0 0; }
.literaryArtwork { aspect-ratio:3 / 2; margin:auto; max-width:900px; overflow:hidden; position:relative; }
.literaryArtworkMockup { display:block; height:100%; width:100%; }
.literaryArtworkImage { background-position:center; background-repeat:no-repeat; background-size:cover; border-radius:4px; height:61.5%; left:33%; position:absolute; top:18%; transform:perspective(1200px) rotateX(0deg) rotateY(340deg) scaleX(1) scaleY(1); transform-origin:top center; width:23%; }
.literaryPairings { display:grid; grid-template-columns:repeat(4,1fr); margin:0 0 28px; }
.literaryPairing { border-left:1px solid #ddd; padding:7px 20px 13px; }
.literaryPairing:first-child { border-left:0; }
.literaryNumber { color:#9f9835; font-size:19px; padding:0 0 10px; }
.literaryPairing h3 { font-size:20px; margin:0 0 7px; }
.literaryDescriptors { color:#777; font-size:12px; font-weight:bold; letter-spacing:.55px; line-height:1.45; margin:0 0 19px; text-transform:uppercase; }
.literaryPairingThumbnail { align-items:center; display:flex; justify-content:center; }
.literaryPairingThumbnail > * { max-width:100%; }
.literaryExplanation { color:#555; font-size:13px; line-height:1.5; margin:0; }
.literaryCheckout { align-items:center; background:#eee; border:1px solid #ddd; display:flex; justify-content:space-between; margin-top:18px; padding:17px 20px; }
.literaryCheckout strong,.literaryCheckout span { display:block; }
.literaryCheckout strong { font-size:18px; font-weight:normal; }
.literaryCheckout span { color:#777; font-size:12px; margin-top:3px; line-height: 1.5em; padding-bottom: 10px;}
.literaryCheckout button { background:#9f9835; border:0; color:#fff; cursor:pointer; font-size:12px; padding:10px 16px; }
.literaryCheckout button:hover { background:#8d872b; }
.literaryCheckout button:disabled { cursor:wait; opacity:.55; }
.literaryCartMessage { color:#777; font-size:12px; margin:7px 0 0; text-align:right; }
.literaryPreviousSamplers { border-top:1px solid #ddd; margin:0 15px 20px; padding-top:17px; }
.literaryPreviousList { display:flex; gap:8px; overflow-x:auto; padding:0 0 7px; scrollbar-color:#c9c9c9 #f5f5f5; }
.literarySavedSamplerWrap { flex:0 0 420px; position:relative; }
.literarySavedSampler { align-items:center; background:#f5f5f5; border:1px solid #ddd; box-sizing:border-box; color:#444; cursor:pointer; display:flex; gap:17px; min-height:150px; padding:18px; text-align:left; width:100%; }
.literarySavedSampler:hover { background:#eee; border-color:#c8c8c8; }
.literarySavedSamplerThumbnail { background:#fff; display:block; flex:0 0 auto; height:120px; width:68px; }
.literarySavedSamplerCopy { display:block; min-width:0; }
.literarySavedSamplerTitle,.literarySavedSamplerAuthor,.literarySavedSamplerDate,.literarySavedSamplerPrice { display:block; }
.literarySavedSamplerTitle { color:#555; font-size:26px; max-width:250px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.literarySavedSamplerAuthor { color:#777; font-size:18px; font-style:italic; margin-top:5px; max-width:250px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.literarySavedSamplerDate { color:#9f9835; font-size:13px; font-weight:bold; letter-spacing:.6px; margin-top:18px; text-transform:uppercase; }
.literarySavedSamplerPrice { color:#777; font-size:12px; margin-top:4px; }
.literaryRemoveSampler { background:rgba(255,255,255,.88); border:1px solid #ccc; color:#777; cursor:pointer; font-size:12px; padding:3px 5px; position:absolute; right:7px; top:7px; }
.literaryRemoveSampler:hover { border-color:#a55; color:#944; }
.literaryRemoveSampler:disabled { cursor:wait; opacity:.55; }
.literarySavedSamplerPending { cursor:wait; filter:grayscale(1); opacity:.52; }
.literarySavedSamplerPendingThumbnail { align-items:center; background:#ddd; box-sizing:border-box; color:#666; display:flex; font-size:12px; justify-content:center; line-height:1.25; text-align:center; }
.literarySavedSamplerPendingNote { color:#666; display:block; font-size:14px; font-style:italic; margin-top:10px; }
@media (max-width:1279px) {
     .literarySampler { max-width:100%; } 
     .literaryArtwork { max-width:820px; }
    .literaryPairings { grid-template-columns:1fr 1fr; } 
    .literaryPairing:nth-child(3) { border-left:0; border-top:1px solid #ddd; margin-top:15px; padding-top:17px; } 
    .literaryPairing:nth-child(4) { border-top:1px solid #ddd; margin-top:15px; padding-top:17px; } 
    .literaryPairingThumbnail { min-height:155px; } 
    .literarySavedSamplerWrap { flex-basis:360px; }
}
@media (max-width:767px) { 
    .literaryProgress {top: 25%; font-size: 10px; transform: perspective(400px) rotateX(356deg) rotateY(348deg) scaleX(1) scaleY(1);}
    .literarySamplerHero { display:block; padding-bottom:21px; } 
    .literarySearchFooter,.literaryCheckout { align-items:flex-start; flex-direction:column; gap:10px; } 
    .literaryPreviousSamplers { margin-left:0; margin-right:0; } 
    .literaryPairing { padding-left:14px; padding-right:14px; }
    .literarySampler { padding-top:12px; } 
    .literarySearch { margin-left:0; margin-right:0; padding:17px; } 
    .literaryResult { margin-left:0; margin-right:0; } 
    .literarySearchRow { flex-direction:column; } 
    .literarySearch button.buttonSmall { width:100%; } 
    .literaryPairings { grid-template-columns:1fr; } 
    .literaryPairing,.literaryPairing:nth-child(3),.literaryPairing:nth-child(4) { border-left:0; border-top:1px solid #ddd; margin-top:12px; padding:15px 0 0; } 
    .literaryPairing:first-child { border-top:0; margin-top:0; padding-top:7px; } 
    .literaryPairingThumbnail { min-height:135px; } 
    .literarySavedSamplerWrap { flex-basis:300px; } 
    .literarySavedSampler { min-height:122px; padding:12px; } 
    .literarySavedSamplerThumbnail { height:92px; width:61px; } 
    .literarySavedSamplerTitle { font-size:21px; } 
    .literarySavedSamplerAuthor { font-size:16px; } 
    .literarySavedSamplerDate { margin-top:12px; }
    .literaryProgressSpinner {
        display:none;
    }
}

@media (max-width:479px) { 
    .literaryProgressNote {
        display:none;
    }
}