.product-page-background{display:flex;flex-direction:column;min-height:100%}.pnf-container,.product-page-background{background:var(--main-green);margin-bottom:-1rem}.pnf-container{height:100vh;text-align:center;color:white}.pnf-container p{margin-top:6em;font-size:3em;letter-spacing:1.5px;font-weight:500;letter-spacing:2px}.product-page-container{margin-bottom:-5rem}.product-page-container h5{position:relative;cursor:pointer;color:white;margin-top:7em;display:inline-block}.product-page-container a{text-decoration:none;padding-left:.5rem;padding-top:7rem}.product-content{padding:5em 8vw}.product-content h1{color:white;padding-left:1rem}.product-content .product-img{margin-top:2em;object-fit:contain;width:100vw}.product-main{display:flex;gap:50px}.product-details{padding-top:4rem}.product-details .product-desc{letter-spacing:1px;color:white;font-weight:300;font-size:1rem}.product-details h2{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:1.5px;margin-top:1rem;color:white;font-weight:600}.product-details h3{margin-top:1.5rem}.product-quantity{justify-content:center;color:white;border-radius:5px;margin-top:1.5rem;display:flex;gap:0;background:none;border:2px solid white;width:10.7em}.disabled{pointer-events:none;opacity:.7}.product-quantity button{color:white;width:60px;cursor:pointer;border:none;background:hsl(0,0%,100%,0%) radial-gradient(circle,transparent 1%,hsl(0,0%,100%,0%) 0) 50%/15000%;padding:1rem;transition:background .3s,color .3s}.product-quantity button:hover{color:black;background:white radial-gradient(circle,transparent 1%,white 0) 50%/15000%;transition:background .3s,color .3s}.product-quantity button:active{background-color:hsl(0,0%,85%);background-size:100%;transition:background 0s}.product-quantity p{margin-top:.8em;margin-right:1.4em;margin-left:1.4em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.product-coffee-grind{margin-top:1rem;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:15px;gap:15px}.product-coffee-grind .single-variant{grid-template-columns:1fr}.variant-dropdown{width:100%}.variant-full-width{grid-column:span 2}.variant-half-width{grid-column:span 1}.product-coffee-grind select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA0LjkgMTAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQuOSAxMDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6I2ZmZmZmZjt9DQo8L3N0eWxlPg0KPHRpdGxlPmFycm93czwvdGl0bGU+DQo8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjEuNCw0LjcgMi41LDMuMiAzLjUsNC43ICIvPg0KPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIzLjUsNS4zIDIuNSw2LjggMS40LDUuMyAiLz4NCjwvc3ZnPg==) no-repeat 100% 50%;cursor:pointer;height:3.3rem;padding-left:1rem;letter-spacing:1.5px;font-weight:500;font-size:.8rem;width:100%;color:white;border:2px solid white;border-radius:5px;transition:background .3s,border .3s,color .3s;-webkit-transition:background .3s,border .3s,color .3s;&:before{transition:background .3s,border color .3s .3s;-webkit-transition:background .3s,border .3s,color .3s}&:hover{background:url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHBvbHlnb24gY2xhc3M9ImNscy0yIiBwb2ludHM9IjEuNDEgNC42NyAyLjQ4IDMuMTggMy41NCA0LjY3IDEuNDEgNC42NyIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIzLjU0IDUuMzMgMi40OCA2LjgyIDEuNDEgNS4zMyAzLjU0IDUuMzMiLz48L3N2Zz4=) no-repeat 100% 50%,white;border:2px solid white;color:black}}.product-coffee-grind select:first-child,.product-coffee-grind select:nth-child(3){grid-column:span 2;width:100%}.product-coffee-grind select:disabled{cursor:default;opacity:.7}.product-coffee-grind select:hover:disabled{opacity:.7;color:white;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA0LjkgMTAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQuOSAxMDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6I2ZmZmZmZjt9DQo8L3N0eWxlPg0KPHRpdGxlPmFycm93czwvdGl0bGU+DQo8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjEuNCw0LjcgMi41LDMuMiAzLjUsNC43ICIvPg0KPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIzLjUsNS4zIDIuNSw2LjggMS40LDUuMyAiLz4NCjwvc3ZnPg==) no-repeat 100% 50%}.add-to-cart{letter-spacing:1.5px;font-weight:600;font-size:.8rem;cursor:pointer;color:white;margin-top:1rem;width:100%;padding:1rem;border-radius:5px;border:2px solid white;background:hsl(0,0%,100%,0%) radial-gradient(circle,transparent 1%,hsl(0,0%,100%,0%) 0) 50%/15000%;transition:background .3s,border .3s,color .3s;-webkit-transiion:background .3s,border .3s,color .3s;&:before{transition:background .3s,border .3s,color .3s;-webkit-transiion:background .3s,border .3s,color .3s}&:hover{background:white radial-gradient(circle,transparent 1%,white 0) 50%/15000%;border:2px solid white;color:black}}.add-to-cart:active{background-color:hsl(0,0%,85%);background-size:100%;transition:background 0s}.add-to-cart:disabled{cursor:default;opacity:.7}.add-to-cart:hover:disabled{opacity:.7;color:white;background:none}.product-delivery-info{margin-top:1.5rem;letter-spacing:1px;font-weight:300;font-size:1rem}.product-content .related-product-title{letter-spacing:1.5px;color:white;margin-top:4em}.related-product-list{margin:1em -4.5em;display:grid;grid-template-columns:repeat(auto-fill,250px);justify-content:space-around;grid-row-gap:20px;row-gap:20px;padding:1.5em;grid-column-gap:2%;column-gap:2%}.related-product-list a{color:black;text-decoration:none}.related-product-card{text-align:center;width:15em;padding-bottom:1em;transform:scale(1);filter:brightness(1);border-radius:5px;border:2px solid transparent;background:transparent;transition:transform .3s}.related-product-card h3{margin-right:.8em;margin-left:.8em;margin-top:1rem;font-size:1em;color:white}.related-product-card:hover{border-radius:5px;transform:scale(1.1);transition:transform .3s}.related-product-card img{filter:brightness(1);transition:filter .3s}.related-product-card div{border:2px solid transparent;border-radius:5px;height:18.5em;position:absolute;top:-2em;right:0;left:0;opacity:0;transition:opacity .3s,border .3s}.related-product-card div:hover{opacity:1;transition:border .3s,opacity .3s}.related-product-card button{cursor:pointer;position:relative;border-radius:5px;letter-spacing:1.5px;border:none;padding:1em;font-size:.6em;color:white;margin-top:7em;background:black}@media (max-width:1200px){.product-content{padding:5em 4vw}.product-content .product-img{width:50vw}}@media (max-width:1000px){.product-content{padding:7em}.product-content,.product-content h1,.product-main{text-align:center}.product-main{display:block}.product-content .product-img{margin-top:2em;object-fit:contain;height:auto;width:100%}.product-details{margin:0;text-align:justify}.product-details h2{text-align:center}.product-details h3{margin-top:1rem;text-align:center}.product-quantity{justify-content:center;margin:2rem auto;width:179px}.product-coffee-grind select{margin-top:-.5rem}.add-to-cart{width:100%}.related-product-list{margin:3em -2.5em;padding:0 0 0 1em}}@media (max-width:800px){.product-content{text-align:center;padding:5em 2em}}@media (max-width:600px){.product-main .product-img{width:100%}}