/*
Theme Name: Flix N Chills
Theme URI: https://flixnchills.com
Author: Flix N Chills
Description: A cinematic ASMR streaming library with horizontal shelves, YouTube playback and a curated starter catalogue.
Version: 1.1.0
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: flixnchills
*/
:root{--black:#080707;--night:#19192a;--cream:#fdfbd0;--yellow:#ffdb54;--orange:#ed5123;--muted:#aeaaa7;--line:#ffffff21}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--black);color:var(--cream);font:16px/1.6 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}img{max-width:100%;height:auto}a:hover{color:var(--yellow)}:focus-visible{outline:3px solid var(--yellow);outline-offset:5px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.1}h1{font-size:clamp(38px,5.5vw,78px);letter-spacing:-.055em}h2{font-size:clamp(24px,2.6vw,34px);letter-spacing:-.035em}.site-header{height:98px;padding:14px 5%;display:flex;align-items:center;gap:48px;background:#080707f5;border-bottom:1px solid var(--line);position:relative;z-index:5}.brand{flex-shrink:0}.brand img{display:block;object-fit:contain;width:185px;height:66px}.site-header nav{display:flex;gap:28px;font-size:14px}.member-link{margin-left:auto;font-size:13px;border:1px solid #ffffff42;padding:10px 17px;border-radius:4px}.hero{min-height:620px;position:relative;overflow:hidden;display:flex;align-items:center;background:radial-gradient(ellipse at 80% 35%,#372820,var(--night) 60%)}.hero-art{position:absolute;right:0;top:0;width:76%;height:100%;object-fit:cover;object-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#080707 3%,#080707ed 24%,#08070765 67%,#08070720),linear-gradient(0deg,#080707,transparent 42%)}.hero-content{position:relative;z-index:1;width:660px;padding:60px 0 70px;margin-left:5%}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.2em;color:var(--yellow);margin-bottom:25px}.eyebrow span{color:var(--orange);margin:0 12px}.hero h1{max-width:610px;margin-bottom:26px}.hero-copy{font-size:17px;color:#e5e0d2;max-width:475px;line-height:1.75}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 24px;border-radius:4px;font-size:14px;font-weight:700;border:1px solid transparent;line-height:1.4}.primary{background:var(--orange);color:#080707}.primary:hover{background:var(--yellow);color:var(--black)}.secondary{background:#ffffff17;color:var(--cream);border-color:#ffffff25}.secondary:hover{background:#ffffff29}.featured-caption{margin:34px 0 0;color:var(--orange);font-size:10px;letter-spacing:.13em}.featured-caption span{display:block;font-size:12px;color:#c5c0b8;letter-spacing:0;margin-top:5px;max-width:420px}.hero-note{position:absolute;right:5%;bottom:55px;font-size:10px;letter-spacing:.18em;text-align:right;color:#dbd7c2}.browse-bar{margin:0 5% 44px;display:flex;align-items:center;gap:22px;padding:20px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}.browse-bar p{font-size:13px;margin:0;color:var(--muted)}.browse-bar>div{display:flex;gap:10px;flex-wrap:wrap}.browse-bar>div a{font-size:12px;border:1px solid var(--line);border-radius:30px;padding:7px 13px}.search-form{display:flex;max-width:440px;gap:0}.browse-bar .search-form{margin-left:auto}.search-form input{width:100%;min-width:0;background:#ffffff08;color:var(--cream);border:1px solid #ffffff36;border-radius:4px 0 0 4px;padding:11px 14px;font-size:13px}.search-form button{background:var(--night);color:var(--cream);border:1px solid #ffffff36;padding:10px 14px;border-left:0;border-radius:0 4px 4px 0;font-size:13px}.shelf{margin:0 0 46px;padding-left:5%;scroll-margin-top:25px}.shelf-heading{display:flex;justify-content:space-between;align-items:center;padding-right:5.25%;margin-bottom:18px}.shelf-heading h2{font-size:23px;margin:0}.arrows{display:flex;gap:8px}.arrows button{width:36px;height:36px;color:var(--cream);background:transparent;border:1px solid #ffffff30;border-radius:50%}.arrows button:hover{background:var(--night)}.rail{display:flex;gap:18px;overflow-x:auto;padding:4px 5.25% 14px 2px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#565050 transparent}.card{flex:0 0 290px;min-width:0;scroll-snap-align:start}.cover{aspect-ratio:16/9;position:relative;overflow:hidden;border-radius:6px;background:var(--night);border:1px solid var(--line)}.cover img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.card a:hover img{transform:scale(1.045)}.card h3{font-size:14px;line-height:1.4;font-weight:600;margin:12px 0 6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.duration{position:absolute;bottom:8px;right:8px;background:#080707cf;border-radius:3px;font-size:10px;padding:2px 6px;color:var(--cream)}.duration:empty{display:none}.play-icon{position:absolute;left:12px;bottom:10px;font-size:12px;width:29px;height:29px;display:grid;place-items:center;background:var(--cream);color:var(--black);border-radius:50%;opacity:0}.card a:hover .play-icon,.card a:focus-visible .play-icon{opacity:1}.card-meta{font-size:11px;color:var(--muted);margin:0}.card-meta span{color:var(--orange);padding:0 6px}.members{margin:22px 5% 60px;padding:48px 5%;display:grid;grid-template-columns:1.4fr 1fr;gap:40px;background:radial-gradient(ellipse at right,#352331,transparent 65%),var(--night);border:1px solid #ffffff18;border-radius:8px;overflow:hidden}.members h2{font-size:clamp(35px,4vw,55px);margin-bottom:20px}.members p:not(.eyebrow){max-width:490px;color:#c6c1c6}.members .eyebrow{margin-bottom:17px}.members .fine{margin:17px 0 0;font-size:11px}.members-art{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.members-art img{width:125px;filter:drop-shadow(0 0 45px #ed512344)}.members-art span{font-size:9px;letter-spacing:.3em;color:var(--muted)}.site-footer{border-top:1px solid var(--line);margin:60px 5% 0;padding:34px 0 42px;display:flex;align-items:center;gap:24px;font-size:12px;color:var(--muted)}.site-footer strong{color:var(--cream);font-size:14px}.site-footer p{margin:3px 0 0}.site-footer> a:first-of-type{margin-left:auto}.site-footer>img{object-fit:contain}.page-wrap{max-width:1200px;margin:0 auto;padding:60px 5%;min-height:60vh}.page-wrap h1{font-size:clamp(30px,4vw,52px);margin:25px 0}.back-link{font-size:13px;color:var(--muted);display:block;margin-bottom:25px}.video-player{aspect-ratio:16/9;position:relative;background:var(--night);overflow:hidden;border-radius:7px}.video-player>img{width:100%;height:100%;object-fit:cover;filter:brightness(.65)}.video-player>button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.video-player iframe{width:100%;height:100%;border:0}.fine{font-size:12px;color:var(--muted);margin-top:12px}.fine a,.entry-content a{color:var(--yellow);text-decoration:underline}.entry-content{max-width:800px;color:#d1cfc5;margin-top:30px;overflow-wrap:anywhere}.entry-content img{height:auto}.entry-content iframe{max-width:100%}.entry-content h2,.entry-content h3{margin-top:35px}.entry-content pre{overflow:auto}.tags a{display:inline-block;border:1px solid var(--line);padding:6px 12px;margin:5px 5px 0 0;font-size:12px;border-radius:25px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 20px;margin:35px 0}.nav-links{display:flex;gap:15px;flex-wrap:wrap}.empty{padding:40px 5%;text-align:center}.screen-reader-text,.skip-link{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}.skip-link:focus{clip:auto;width:auto;height:auto;top:10px;left:10px;padding:15px;background:var(--cream);color:var(--black);z-index:99}.alignwide{max-width:100%}.wp-caption{max-width:100%}.sticky{}.gallery-caption{font-size:12px}.bypostauthor{}
@media(min-width:1600px){.card{flex-basis:340px}.hero{min-height:700px}}
@media(max-width:1000px){.site-header{gap:25px}.hero-content{width:60%}.hero-art{width:90%}.hero-note{display:none}.browse-bar .search-form{margin-left:0}.members{padding:35px}.card{flex-basis:260px}}
@media(max-width:640px){.site-header{height:auto;min-height:112px;flex-wrap:wrap;gap:8px 20px;padding:10px 5%}.brand img{width:140px;height:49px}.site-header nav{order:3;width:100%;gap:25px;font-size:12px;padding:5px 0}.member-link{font-size:10px;padding:8px}.hero{min-height:610px;align-items:flex-end}.hero-art{width:100%;height:65%;top:0;object-position:65% center}.hero-shade{background:linear-gradient(0deg,#080707 10%,#080707ed 40%,#08070715 100%)}.hero-content{width:90%;padding:210px 0 35px}.hero h1{font-size:48px;max-width:380px}.hero-copy{font-size:14px;max-width:350px}.eyebrow{font-size:9px}.hero-actions{gap:8px;margin-top:20px}.button{padding:12px 16px;font-size:12px}.featured-caption{margin-top:22px}.browse-bar{gap:15px;margin-bottom:30px}.browse-bar>p{width:100%}.browse-bar .search-form{width:100%;max-width:none}.shelf{margin-bottom:30px}.shelf-heading h2{font-size:20px}.card{flex-basis:245px}.members{grid-template-columns:1fr;padding:28px;gap:15px;margin-bottom:38px}.members-art{display:none}.members p{font-size:14px}.members h2{font-size:37px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.grid .card h3{font-size:12px}.site-footer{flex-wrap:wrap;gap:16px}.site-footer>a:first-of-type{margin-left:0}.site-footer div{width:calc(100% - 60px)}.page-wrap{padding-top:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* OFFLINE COLLECTION / 01 */
.shop-wrap{max-width:1600px;margin:0 auto;padding:30px 5% 70px;min-height:65vh}.drop-intro{margin:15px 0 50px;border-top:1px solid #fdfbd057;border-bottom:1px solid #fdfbd057}.drop-kicker{display:flex;justify-content:space-between;gap:20px;padding:18px 0;font:10px/1.5 "Courier New",monospace;letter-spacing:.09em}.drop-title{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding:40px 0}.drop-title h1{font-size:clamp(58px,9.2vw,145px);line-height:.87;letter-spacing:-.075em;margin:0;font-weight:900}.drop-title h1 span{color:var(--orange)}.drop-title>p{font-size:17px;line-height:1.3;border-left:3px solid var(--yellow);padding-left:18px;margin-bottom:5px}.drop-notes{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:18px 0 6px;font-size:12px;color:var(--muted)}.drop-notes p:last-child{text-align:right}.drop-index{font:12px "Courier New",monospace;letter-spacing:.1em;margin-bottom:30px}.home-drop{margin:50px 5% 60px;padding:40px 0 20px;border-top:1px solid #ffffff3a;border-bottom:1px solid #ffffff3a}.home-drop-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:30px}.home-drop h2{font-size:clamp(44px,5.5vw,82px);line-height:.95;margin:0;letter-spacing:-.06em}.home-drop h2 span{color:var(--orange)}.home-drop-heading>div>p:not(.eyebrow){font-size:13px;color:var(--muted)}.woocommerce ul.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 22px}.woocommerce ul.products::before,.woocommerce ul.products::after{display:none}.woocommerce ul.products.columns-4{grid-template-columns:repeat(4,minmax(0,1fr))}.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{width:100%;float:none;margin:0;position:relative;min-width:0}.woocommerce ul.products li.product a img{aspect-ratio:4/5;object-fit:cover;background:var(--night);border-radius:0;margin:0 0 15px}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:17px;letter-spacing:-.02em;padding:12px 0 6px}.woocommerce ul.products li.product .price,.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--cream);font-family:"Courier New",monospace}.woocommerce ul.products li.product .price{font-size:14px}.edition-tag{display:inline-block;background:var(--yellow);color:var(--black);font:bold 9px/1.4 "Courier New",monospace;padding:5px 8px;letter-spacing:.1em;margin-bottom:8px}.release-ref{font:11px/1.6 "Courier New",monospace;color:var(--orange);letter-spacing:.08em}.woocommerce .woocommerce-result-count{color:var(--muted);font-size:12px}.woocommerce .woocommerce-ordering select{background:var(--night);color:var(--cream);border:1px solid #ffffff40;padding:10px;max-width:100%}.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt{background:var(--orange);color:var(--black);border-radius:0;border:1px solid transparent;font-size:13px;font-weight:700;padding:14px 18px;line-height:1.4}.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover{background:var(--yellow);color:var(--black)}.woocommerce ul.products li.product .button{background:transparent;color:var(--cream);border:1px solid #ffffff40;width:100%;text-align:center;margin-top:12px}.woocommerce ul.products li.product .button:hover{background:var(--cream);color:var(--black)}.woocommerce span.onsale{background:var(--orange);color:var(--black);border-radius:0;font-size:10px;min-height:0;line-height:1.4;padding:7px 10px}.woocommerce div.product .product_title{font-size:clamp(30px,4vw,58px);letter-spacing:-.055em}.woocommerce div.product div.images img{background:var(--night)}.woocommerce div.product .woocommerce-product-details__short-description{color:#c4c0b6;font-size:15px}.woocommerce .quantity .qty{padding:12px 5px;background:var(--night);border:1px solid #ffffff40;color:var(--cream);width:70px}.woocommerce div.product form.cart .variations select{background:var(--night);color:var(--cream);padding:12px;border:1px solid #ffffff40}.woocommerce div.product form.cart .variations td,.woocommerce div.product form.cart .variations th{display:block;text-align:left}.woocommerce .reset_variations{color:var(--yellow)}.woocommerce div.product .stock{color:var(--yellow)}.woocommerce .product_meta{font-size:12px;color:var(--muted);display:flex;flex-wrap:wrap;gap:14px}.woocommerce .product_meta a{color:var(--cream)}.print-note{display:flex;gap:25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;margin-top:25px}.print-note span{font:10px "Courier New",monospace;color:var(--orange);padding-top:4px}.print-note p{font-size:13px;margin:0}.benefit-note{font-size:12px;color:var(--muted);margin-top:18px}.benefit-note a{color:var(--yellow);text-decoration:underline}.woocommerce div.product .woocommerce-tabs ul.tabs{padding:0;border-bottom:1px solid #ffffff30}.woocommerce div.product .woocommerce-tabs ul.tabs li{background:var(--night);border:1px solid #ffffff30;border-radius:0;color:var(--cream);margin:0;padding:0 20px}.woocommerce div.product .woocommerce-tabs ul.tabs li.active{background:var(--cream);color:var(--black)}.woocommerce div.product .woocommerce-tabs ul.tabs li::before,.woocommerce div.product .woocommerce-tabs ul.tabs li::after{display:none}.woocommerce div.product .woocommerce-tabs .panel{color:#c4c0b6}.woocommerce table.shop_table{border-color:#ffffff30}.woocommerce table.shop_table td,.woocommerce table.shop_table th{border-color:#ffffff20}.woocommerce table.shop_table th{text-align:left}.woocommerce table.shop_table td a{color:var(--cream)}.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select,.woocommerce #review_form #respond textarea,.woocommerce #review_form #respond input{background:var(--night);color:var(--cream);border:1px solid #ffffff40;padding:12px;border-radius:0}.woocommerce form.checkout_coupon,.woocommerce form.login,.woocommerce form.register{border-color:#ffffff30;border-radius:0}.woocommerce #payment{background:var(--night);border-radius:0}.woocommerce #payment div.payment_box{background:#303044;color:var(--cream)}.woocommerce-info,.woocommerce-message,.woocommerce-error{background:var(--night);color:var(--cream);border-top-color:var(--orange)}.woocommerce-info::before,.woocommerce-message::before{color:var(--yellow)}.woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0}.woocommerce-MyAccount-navigation li{border-bottom:1px solid var(--line);padding:12px 0}.woocommerce-MyAccount-navigation .is-active a{color:var(--yellow)}.woocommerce .woocommerce-breadcrumb{color:var(--muted)}.woocommerce .woocommerce-breadcrumb a{color:var(--cream)}.woocommerce nav.woocommerce-pagination ul{border-color:var(--line)}.woocommerce nav.woocommerce-pagination ul li{border-color:var(--line)}.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{padding:12px}.woocommerce nav.woocommerce-pagination ul li span.current{background:var(--orange);color:var(--black)}.woocommerce .select2-container--default .select2-selection--single{background:var(--night);border-color:#ffffff40;border-radius:0;min-height:42px}.woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--cream);line-height:40px}.select2-dropdown{background:var(--night);color:var(--cream)}.select2-search__field{background:var(--night);color:var(--cream)}.woocommerce .woocommerce-order-details,.woocommerce .woocommerce-customer-details{color:var(--cream)}.wc-block-components-form .wc-block-components-text-input input,.wc-block-components-text-input input,.wc-blocks-components-select .wc-blocks-components-select__select{background:var(--night)!important;color:var(--cream)!important;border-color:#ffffff50!important}.wc-block-components-text-input label,.wc-blocks-components-select .wc-blocks-components-select__label{color:#d0caba!important}.wc-block-components-checkout-step__description,.wc-block-components-product-metadata{color:var(--muted)}.wc-block-components-button:not(.is-link){background:var(--orange);color:var(--black);border-radius:0}.wc-block-components-totals-coupon__button{background:transparent;color:var(--cream)}.wc-block-components-order-summary-item__description{color:var(--cream)}.wc-block-components-notice-banner{color:#19192a}
@media(max-width:900px){.woocommerce ul.products.columns-4{grid-template-columns:repeat(2,minmax(0,1fr))}.site-header{gap:20px}.site-header nav{gap:17px}.drop-title>p{font-size:13px}}
@media(max-width:640px){.site-header nav{gap:0;justify-content:space-between}.shop-wrap{padding-top:15px}.drop-kicker{font-size:8px}.drop-kicker span:last-child{max-width:95px;text-align:right}.drop-title{padding:30px 0;display:block}.drop-title h1{font-size:clamp(48px,12vw,76px)}.drop-title>p{margin:25px 0 0}.drop-notes{font-size:10px;gap:18px}.woocommerce ul.products,.woocommerce-page ul.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 13px}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:14px}.woocommerce ul.products li.product .price{font-size:12px}.woocommerce ul.products li.product .button{font-size:11px;padding:10px}.home-drop-heading{display:block}.home-drop-heading>div:last-child{margin-top:25px}.home-drop{padding-top:28px}.woocommerce .woocommerce-ordering{float:none;margin-bottom:25px}.woocommerce .woocommerce-result-count{float:none}.woocommerce div.product .woocommerce-tabs ul.tabs li{padding:0 10px;font-size:12px}}
/* Keep WooCommerce's mobile float widths from shrinking CSS-grid items. */
.woocommerce ul.products[class*="columns-"] li.product,.woocommerce-page ul.products[class*="columns-"] li.product{width:100%!important;float:none!important;margin:0!important}