/*!
Theme Name:   Storefront
Theme URI:    https://woocommerce.com/products/storefront/
Author:       Automattic
Author URI:   https://woocommerce.com/
Description:  Storefront is the perfect theme for your next WooCommerce project. Designed and developed by WooCommerce Core developers, it features a bespoke integration with WooCommerce itself plus many of the most popular customer facing WooCommerce extensions. There are several layout & color options to personalise your shop, multiple widget regions, a responsive design and much more. Developers will love its lean and extensible codebase making it a joy to customize and extend. Looking for a WooCommerce theme? Look no further!
Version:      4.6.7
Tested up to: 6.7
Requires PHP: 5.6.0
License:      GNU General Public License v3 or later
License URI:  https://www.gnu.org/licenses/gpl-3.0.html
Text Domain:  storefront
Tags:         e-commerce, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready, rtl-language-support, footer-widgets, sticky-post, theme-options, editor-style

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Storefront is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer https://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/

All sizing (typography, layout, padding/margins, etc) are inspired by a modular scale that uses 1em as a base size with a 1.618 ratio.
You can read more about the calculator we use in our Sass here: https://github.com/modularscale/modularscale-sass

FontAwesome License: SIL Open Font License - http://scripts.sil.org/cms/scripts/page.php?site_id=nrsi&id=OFL
Images License: GNU General Public License v2 or later
*//*!
 * normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css
 */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:rgba(0,0,0,0)}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}body{-ms-word-wrap:break-word;word-wrap:break-word}body,button,input,textarea{color:#43454b;font-family:"Source Sans Pro","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;line-height:1.618;text-rendering:optimizeLegibility;font-weight:400}select{color:initial;font-family:"Source Sans Pro","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;max-width:100%}summary{display:list-item}h1,h2,h3,h4,h5,h6{clear:both;font-weight:300;margin:0 0 .5407911001em;color:#131315}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:300}h1,.alpha{font-size:2.617924em;line-height:1.214;letter-spacing:-1px}h2,.beta{font-size:2em;line-height:1.214}h2+h3,.beta+h3{border-top:1px solid rgba(0,0,0,.05);padding-top:.5407911001em}h3,.gamma{font-size:1.618em}h4,.delta{font-size:1.41575em}.alpha,.beta,.gamma,.delta{display:block}p+h2,p+header h2,p+h3,p+h4,ul+h2,ul+header h2,ul+h3,ul+h4,ol+h2,ol+header h2,ol+h3,ol+h4,table+h2,table+header h2,table+h3,table+h4,blockquote+h2,blockquote+header h2,blockquote+h3,blockquote+h4,form+h2,form+header h2,form+h3,form+h4{margin-top:2.2906835em}hr{background-color:#ccc;border:0;height:1px;margin:0 0 1.41575em}p{margin:0 0 1.41575em}ul,ol{margin:0 0 1.41575em 3em;padding:0}ul{list-style:disc}ol{list-style:decimal}li>ul,li>ol{margin-bottom:0;margin-left:1em}dt{font-weight:600}dd{margin:0 0 1.618em}b,strong{font-weight:600}dfn,cite,em,i{font-style:italic}blockquote{padding:0 1em;border-left:3px solid rgba(0,0,0,.05);font-style:italic}address{margin:0 0 1.41575em}pre{background:rgba(0,0,0,.1);font-family:"Courier 10 Pitch",Courier,monospace;margin-bottom:1.618em;padding:1.618em;overflow:auto;max-width:100%}code,kbd,tt,var{font-family:Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace;background-color:rgba(0,0,0,.05);padding:.202em .5407911001em}abbr,acronym{border-bottom:1px dotted #666;cursor:help}mark,ins{text-decoration:none;font-weight:600;background:rgba(0,0,0,0)}sup,sub{font-size:75%;height:0;line-height:0;position:relative;vertical-align:baseline}sup{bottom:1ex}sub{top:.5ex}small{font-size:75%}big{font-size:125%}figure{margin:0}img{height:auto;max-width:100%;display:block;border-radius:3px}a{color:#2c2d33;text-decoration:none}a:focus,input:focus,textarea:focus,button:focus{outline:2px solid #7f54b3}.storefront-cute *{font-family:"Comic Sans MS",sans-serif}*{box-sizing:border-box}body{background-color:#fff;overflow-x:hidden}.site{overflow-x:hidden}.site-content,.header-widget-region{-webkit-tap-highlight-color:rgba(0,0,0,0)}.site-header{background-color:#2c2d33;padding-top:1.618em;padding-bottom:1.618em;color:#9aa0a7;background-position:center center;position:relative;z-index:999;border-bottom:1px solid rgba(0,0,0,0)}.site-header .site-logo-anchor,.site-header .site-logo-link,.site-header .custom-logo-link{display:block;margin-bottom:0}.site-header .site-logo-anchor img,.site-header .site-logo-link img,.site-header .custom-logo-link img{width:100%;max-width:210px}.site-header .widget{margin-bottom:0}.home.blog .site-header,.home.page:not(.page-template-template-homepage) .site-header,.home.post-type-archive-product .site-header{margin-bottom:4.235801032em}.no-wc-breadcrumb .site-header{margin-bottom:4.235801032em}.no-wc-breadcrumb.page-template-template-homepage .site-header{margin-bottom:0}.header-widget-region{position:relative;z-index:99}.header-widget-region::before,.header-widget-region::after{content:"";display:table}.header-widget-region::after{clear:both}.header-widget-region .widget{margin:0;padding:1em 0;font-size:.875em}.site-branding{float:left;margin-bottom:0;width:calc(100% - 120px)}.site-branding .site-title{font-size:2em;letter-spacing:-1px;margin:0}.site-branding .site-title a{font-weight:700}.site-branding .site-description{font-size:.875em;display:none}.site-branding .logo{margin:0}.site-main{margin-bottom:2.617924em}.site-content{outline:none}.page-template-template-homepage:not(.has-post-thumbnail) .site-main{padding-top:4.235801032em}.page-template-template-homepage .type-page{padding-top:2.617924em;padding-bottom:2.617924em;position:relative}.page-template-template-homepage .type-page .storefront-hero__button-edit{position:absolute;top:1em;right:1em;font-size:.875em}.page-template-template-homepage .entry-content{font-size:1.1em}.page-template-template-homepage .entry-content p:last-child{margin-bottom:0}.page-template-template-homepage .entry-header h1{font-size:3.706325903em;margin-bottom:.2360828548em}.page-template-template-homepage .entry-content,.page-template-template-homepage .entry-header{max-width:41.0994671405em;margin-left:auto;margin-right:auto;text-align:center}.page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail{background-size:cover;background-position:center center;padding-top:6.8535260698em;padding-bottom:6.8535260698em}.page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail .entry-content,.page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail .entry-title{opacity:0;transition:all,ease,.5s}.page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail .entry-content.loaded,.page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail .entry-title.loaded{opacity:1}.site-footer{background-color:#f3f3f3;color:#3b3c3f;padding:1.618em 0 3.706325903em}.site-footer h1,.site-footer h2,.site-footer h3,.site-footer h4,.site-footer h5,.site-footer h6{color:#333437}.site-footer a{color:#2c2d33;text-decoration:underline}.site-footer a:hover{text-decoration:none}.site-footer a.button,.site-footer a.components-button:not(.is-link),.site-footer a.wp-block-button__link{text-decoration:none}.site-info{padding:2.617924em 0}.site-info span[role=separator]{padding:0 .2360828548em 0 .3342343017em}.site-info span[role=separator]::before{content:"|"}.alignleft{display:inline;float:left;margin-right:1em}.alignright{display:inline;float:right;margin-left:1em}.aligncenter{clear:both;display:block;margin:0 auto}.screen-reader-text{border:0;clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal !important}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto !important;display:block;font-weight:700;height:auto;left:0;line-height:normal;padding:1em 1.618em;text-decoration:none;top:0;width:auto;z-index:100000;outline:none}.screen-reader-text.skip-link:focus{clip-path:none}.clear::before,.clear::after,.entry-content::before,.entry-content::after,.comment-content::before,.comment-content::after,.site-header::before,.site-header::after,.site-content::before,.site-content::after,.site-footer::before,.site-footer::after{content:"";display:table}.clear::after,.entry-content::after,.comment-content::after,.site-header::after,.site-content::after,.site-footer::after{clear:both}table{border-spacing:0;width:100%;margin:0 0 1.41575em;border-collapse:separate}table caption{padding:1em 0;font-weight:600}table td,table th{padding:1em 1.41575em;text-align:left;vertical-align:top}table td p:last-child,table th p:last-child{margin-bottom:0}table th{font-weight:600}table thead th{padding:1.41575em;vertical-align:middle}table tbody h2{font-size:1em;letter-spacing:normal;font-weight:400}table tbody h2 a{font-weight:400}.error404 .site-content .widget_product_search{padding:1.618em;background-color:rgba(0,0,0,.025)}.error404 .site-content .widget_product_search form{margin:0}.error404.right-sidebar .content-area,.error404.left-sidebar .content-area{width:100%}.error404 .fourohfour-columns-2{padding:2.617924em 0;border:1px solid rgba(0,0,0,.05);border-width:1px 0;margin-bottom:2.617924em}.error404 .fourohfour-columns-2::before,.error404 .fourohfour-columns-2::after{content:"";display:table}.error404 .fourohfour-columns-2::after{clear:both}.error404 .fourohfour-columns-2 ul.products li.product,.error404 .fourohfour-columns-2 .widget{margin-bottom:0}.error404 .fourohfour-columns-2 .col-1 ul.products{margin-bottom:2.2906835em}.error404 .fourohfour-columns-2 .col-1 ul.products li.product{width:45.4545454545%;float:left;margin-right:9.0909090909%}.error404 .fourohfour-columns-2 .col-1 ul.products li.product:last-child{margin-right:0}.error404 .fourohfour-columns-2 .col-2{padding:1.618em;background-color:rgba(0,0,0,.025)}#comments{padding-top:2.617924em}#comments .comments-title{border-bottom:1px solid rgba(0,0,0,.05);padding-bottom:.5407911001em;margin-bottom:1.618em}#comments .comment-list{list-style:none;margin-left:0}#comments .comment-list .comment-body::before,#comments .comment-list .comment-body::after{content:"";display:table}#comments .comment-list .comment-body::after{clear:both}#comments .comment-list .comment-content{padding-bottom:1.618em;margin-bottom:1.618em}#comments .comment-list .comment-content .comment-text{padding:1.618em;border-radius:3px}#comments .comment-list .comment-content .comment-text p:last-child{margin-bottom:0}#comments .comment-list .comment-meta{margin-bottom:1em}#comments .comment-list .comment-meta .avatar{margin-bottom:1em;max-width:64px;height:auto}#comments .comment-list .comment-meta a.comment-date{font-size:.875em}#comments .comment-list .comment-meta cite{font-style:normal;clear:both;display:block}#comments .comment-list .reply{margin-bottom:1.618em;padding-top:.6180469716em}#comments .comment-list .reply::before,#comments .comment-list .reply::after{content:"";display:table}#comments .comment-list .reply::after{clear:both}#comments .comment-list .reply a{display:inline-block;margin-right:1em}#comments .comment-list .reply a:last-child{margin-right:0}#comments .comment-list .children{list-style:none}.comment-content a{word-wrap:break-word}#respond{clear:both;padding:1.618em;background-color:rgba(0,0,0,.0125);position:relative}#respond .comment-form-author input,#respond .comment-form-email input,#respond .comment-form-url input{width:100%}#respond .form-submit,#respond form{margin-bottom:0}#respond #cancel-comment-reply-link{position:absolute;top:.5407911001em;right:.5407911001em;display:block;height:1em;width:1em;overflow:hidden;line-height:1;font-size:1.41575em;text-align:center;transition:transform,ease,.3s}#respond #cancel-comment-reply-link:hover{transform:scale(1.3)}.hentry{margin:0 0 4.235801032em}.hentry .wp-post-image{margin-bottom:1.618em;margin-left:auto;margin-right:auto}.hentry .entry-header{margin-bottom:1em;border-bottom:1px solid rgba(0,0,0,.05)}.hentry .entry-header .posted-on,.hentry .entry-header .post-author,.hentry .entry-header .post-comments,.hentry .entry-header .byline{font-size:.875em}.hentry .entry-header .posted-on a,.hentry .entry-header .post-author a,.hentry .entry-header .post-comments a,.hentry .entry-header .byline a{font-weight:600;text-decoration:underline}.hentry .entry-header .posted-on a:hover,.hentry .entry-header .post-author a:hover,.hentry .entry-header .post-comments a:hover,.hentry .entry-header .byline a:hover{text-decoration:none}.hentry .entry-content a{text-decoration:underline}.hentry .entry-content a:hover{text-decoration:none}.hentry .entry-content a.button,.hentry .entry-content a.components-button:not(.is-link),.hentry .entry-content a.wp-block-button__link{text-decoration:none}.hentry .entry-taxonomy{margin:1.41575em 0 0;padding-top:1em;border-top:1px solid rgba(0,0,0,.05)}.hentry.type-page .entry-header{border-bottom:0;margin-bottom:0}.cat-links,.tags-links{font-size:.875em}.cat-links a,.tags-links a{color:#727272;font-weight:600;text-decoration:underline}.byline,.updated:not(.published){display:none}.single .byline,.group-blog .byline{display:inline}.page-links{clear:both;margin:0 0 1em}form{margin-bottom:1.618em}button,input,select,textarea{font-size:100%;margin:0}button,input[type=button],input[type=reset],input[type=submit],.button,.wc-block-grid__products .wc-block-grid__product .wp-block-button__link,.added_to_cart{border:0;border-radius:0;background:none;background-color:#43454b;border-color:#43454b;color:#fff;cursor:pointer;padding:.6180469716em 1.41575em;text-decoration:none;font-weight:600;text-shadow:none;display:inline-block;-webkit-appearance:none}button::after,input[type=button]::after,input[type=reset]::after,input[type=submit]::after,.button::after,.wc-block-grid__products .wc-block-grid__product .wp-block-button__link::after,.added_to_cart::after{display:none}button.cta,button.alt,input[type=button].cta,input[type=button].alt,input[type=reset].cta,input[type=reset].alt,input[type=submit].cta,input[type=submit].alt,.button.cta,.button.alt,.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.cta,.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.alt,.added_to_cart.cta,.added_to_cart.alt{background-color:#2c2d33;border-color:#2c2d33}button.cta:hover,button.alt:hover,input[type=button].cta:hover,input[type=button].alt:hover,input[type=reset].cta:hover,input[type=reset].alt:hover,input[type=submit].cta:hover,input[type=submit].alt:hover,.button.cta:hover,.button.alt:hover,.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.cta:hover,.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.alt:hover,.added_to_cart.cta:hover,.added_to_cart.alt:hover{background-color:#2c2d33}button:hover,input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover,.button:hover,.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:hover,.added_to_cart:hover{color:#fff}button.loading,input[type=button].loading,input[type=reset].loading,input[type=submit].loading,.button.loading,.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.loading,.added_to_cart.loading{opacity:.5}button.small,input[type=button].small,input[type=reset].small,input[type=submit].small,.button.small,.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.small,.added_to_cart.small{padding:.5407911001em .875em;font-size:.875em}button.disabled,button:disabled,input[type=button].disabled,input[type=button]:disabled,input[type=reset].disabled,input[type=reset]:disabled,input[type=submit].disabled,input[type=submit]:disabled,.button.disabled,.button:disabled,.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.disabled,.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:disabled,.added_to_cart.disabled,.added_to_cart:disabled{opacity:.5 !important;cursor:not-allowed}button.disabled:hover,button:disabled:hover,input[type=button].disabled:hover,input[type=button]:disabled:hover,input[type=reset].disabled:hover,input[type=reset]:disabled:hover,input[type=submit].disabled:hover,input[type=submit]:disabled:hover,.button.disabled:hover,.button:disabled:hover,.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.disabled:hover,.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:disabled:hover,.added_to_cart.disabled:hover,.added_to_cart:disabled:hover{opacity:.5 !important}.button.woocommerce-MyAccount-downloads-file{overflow-wrap:anywhere;word-break:break-word;-ms-word-break:break-all}.wc-block-components-button:not(.is-link).disabled,.wc-block-components-button:not(.is-link):disabled{opacity:.5;cursor:not-allowed}.wc-block-components-button:not(.is-link).disabled:hover,.wc-block-components-button:not(.is-link):disabled:hover{opacity:.5}input[type=checkbox],input[type=radio]{padding:0}input[type=checkbox]+label,input[type=radio]+label{margin:0 0 0 .3819820591em}input[type=search]::-webkit-search-decoration{-webkit-appearance:none}input[type=search]{box-sizing:border-box}input[type=search]::placeholder{color:#616161}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input[type=text],input[type=number],input[type=email],input[type=tel],input[type=url],input[type=password],input[type=search],textarea,.input-text{padding:.6180469716em;background-color:#f2f2f2;color:#43454b;border:0;-webkit-appearance:none;box-sizing:border-box;font-weight:400;box-shadow:inset 0 1px 1px rgba(0,0,0,.125)}input[type=text]:focus,input[type=number]:focus,input[type=email]:focus,input[type=tel]:focus,input[type=url]:focus,input[type=password]:focus,input[type=search]:focus,textarea:focus,.input-text:focus{background-color:#ededed}textarea{overflow:auto;padding-left:.875em;vertical-align:top;width:100%}label{font-weight:400}label.inline input{width:auto}fieldset{padding:1.618em;padding-top:1em;border:0;margin:0;margin-bottom:1.618em;margin-top:1.618em}fieldset legend{font-weight:600;padding:.6180469716em 1em;margin-left:-1em}[placeholder]:focus::-webkit-input-placeholder{-webkit-transition:opacity .5s .5s ease;transition:opacity .5s .5s ease;opacity:0}.page-content img.wp-smiley,.entry-content img.wp-smiley,.comment-content img.wp-smiley{border:none;margin-bottom:0;margin-top:0;padding:0;display:inline-block;border-radius:0}.wp-caption{margin-bottom:1em;max-width:100%}.wp-caption img[class*=wp-image-]{display:block;margin:0 auto}.wp-caption .wp-caption-text{text-align:left;font-style:italic;border-bottom:2px solid rgba(0,0,0,.05);padding:1em 0}.gallery{margin-bottom:1em}.gallery::before,.gallery::after{content:"";display:table}.gallery::after{clear:both}.gallery .gallery-item{float:left}.gallery .gallery-item .gallery-icon a{display:block}.gallery .gallery-item .gallery-icon img{border:none;height:auto;margin:0 auto}.gallery .gallery-item .gallery-caption{margin:0;text-align:center}.gallery.gallery-columns-1 .gallery-item{width:100%}.gallery.gallery-columns-2 .gallery-item{width:50%}.gallery.gallery-columns-3 .gallery-item{width:33.3%}.gallery.gallery-columns-4 .gallery-item{width:25%}.gallery.gallery-columns-5 .gallery-item{width:20%}.gallery.gallery-columns-6 .gallery-item{width:16.666666667%}.gallery.gallery-columns-7 .gallery-item{width:14.285714286%}.gallery.gallery-columns-8 .gallery-item{width:12.5%}.gallery.gallery-columns-9 .gallery-item{width:11.111111111%}embed,iframe,object,video{max-width:100%}.secondary-navigation{display:none}button.menu-toggle{cursor:pointer;text-align:left;float:right;position:relative;border:2px solid rgba(0,0,0,0);box-shadow:none;border-radius:2px;background-image:none;padding:.6180469716em .875em .6180469716em 2.617924em;font-size:.875em;max-width:120px}button.menu-toggle:hover{background-image:none}button.menu-toggle span::before{transition:all,ease,.2s}button.menu-toggle::before,button.menu-toggle::after,button.menu-toggle span::before{content:"";display:block;height:2px;width:14px;position:absolute;top:50%;left:1em;margin-top:-1px;transition:all,ease,.2s;border-radius:3px}button.menu-toggle::before{transform:translateY(-4px)}button.menu-toggle::after{transform:translateY(4px)}.toggled button.menu-toggle::before,.toggled button.menu-toggle::after{transform:rotate(45deg)}.toggled button.menu-toggle::after{transform:rotate(-45deg)}.toggled button.menu-toggle span::before{opacity:0}.primary-navigation{display:none}.main-navigation::before,.main-navigation::after{content:"";display:table}.main-navigation::after{clear:both}.main-navigation div.menu{display:none}.main-navigation div.menu:last-child{display:block}.main-navigation .menu{clear:both}.handheld-navigation,.nav-menu,.main-navigation div.menu>ul:not(.nav-menu){overflow:hidden;max-height:0;transition:all,ease,.8s}.handheld-navigation{clear:both}.handheld-navigation ul{margin:0}.handheld-navigation ul.menu li{position:relative}.handheld-navigation ul.menu li button::after{transition:all,ease,.9s}.handheld-navigation ul.menu li button.toggled-on::after{transform:rotate(180deg)}.handheld-navigation ul.menu .sub-menu{visibility:hidden;opacity:0;max-height:0;transition:all,ease,.9s}.handheld-navigation ul.menu .sub-menu.toggled-on{visibility:visible;max-height:9999px;opacity:1}.handheld-navigation .dropdown-toggle{background:rgba(0,0,0,0);position:absolute;top:0;right:0;display:block}.main-navigation.toggled .handheld-navigation,.main-navigation.toggled .menu>ul:not(.nav-menu),.main-navigation.toggled ul[aria-expanded=true]{max-height:9999px}.main-navigation ul{margin-left:0;list-style:none;margin-bottom:0}.main-navigation ul ul{display:block;margin-left:1.41575em}.main-navigation ul li a{padding:.875em 0;display:block}.main-navigation ul li a:hover{color:#e6e6e6}.site-main nav.navigation{clear:both;padding:2.617924em 0}.site-main nav.navigation::before,.site-main nav.navigation::after{content:"";display:table}.site-main nav.navigation::after{clear:both}.site-main nav.navigation .nav-previous a,.site-main nav.navigation .nav-next a{display:inline-block}.site-main nav.navigation .nav-previous{float:left;width:50%}.site-main nav.navigation .nav-next{float:right;text-align:right;width:50%}.pagination,.woocommerce-pagination{padding:1em 0;border:1px solid rgba(0,0,0,.05);border-width:1px 0;text-align:center;clear:both}.pagination ul.page-numbers::before,.pagination ul.page-numbers::after,.woocommerce-pagination ul.page-numbers::before,.woocommerce-pagination ul.page-numbers::after{content:"";display:table}.pagination ul.page-numbers::after,.woocommerce-pagination ul.page-numbers::after{clear:both}.pagination .page-numbers,.woocommerce-pagination .page-numbers{list-style:none;margin:0;vertical-align:middle}.pagination .page-numbers li,.woocommerce-pagination .page-numbers li{display:inline-block}.pagination .page-numbers li .page-numbers,.woocommerce-pagination .page-numbers li .page-numbers{border-left-width:0;display:inline-block;padding:.3342343017em .875em;background-color:rgba(0,0,0,.025);color:#43454b}.pagination .page-numbers li .page-numbers.current,.woocommerce-pagination .page-numbers li .page-numbers.current{background-color:#2c2d33;border-color:#2c2d33}.pagination .page-numbers li .page-numbers.dots,.woocommerce-pagination .page-numbers li .page-numbers.dots{background-color:rgba(0,0,0,0)}.pagination .page-numbers li .page-numbers.prev,.pagination .page-numbers li .page-numbers.next,.woocommerce-pagination .page-numbers li .page-numbers.prev,.woocommerce-pagination .page-numbers li .page-numbers.next{padding-left:1em;padding-right:1em}.pagination .page-numbers li a.page-numbers:hover,.woocommerce-pagination .page-numbers li a.page-numbers:hover{background-color:rgba(0,0,0,.05)}.rtl .pagination a.next,.rtl .pagination a.prev,.rtl .woocommerce-pagination a.next,.rtl .woocommerce-pagination a.prev{transform:rotateY(180deg)}.widget{margin:0 0 3.706325903em}.widget select{max-width:100%}.widget .widget-search .search-submit{border:0;clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal !important}.widget .widget-title,.widget .widgettitle{font-size:1.41575em;letter-spacing:0;border-bottom:1px solid rgba(0,0,0,.05);padding:0 0 1em;margin-bottom:1em;font-weight:300}.widget ul{margin-left:0;list-style:none}.widget ul ul{margin-left:1.618em}.widget-area .widget{font-size:.875em;font-weight:400}.widget-area .widget h1.widget-title{font-size:1.41575em}.widget-area .widget a{font-weight:600;text-decoration:underline}.widget-area .widget a:hover{text-decoration:none}.widget-area .widget a.button,.widget-area .widget a.components-button:not(.is-link),.widget-area .widget a.wp-block-button__link{text-decoration:none}.widget-area .widget a.button{font-weight:600 !important}.widget_search form:not(.wp-block-search),.widget_product_search form:not(.wp-block-search){position:relative}.widget_search form:not(.wp-block-search) input[type=text],.widget_search form:not(.wp-block-search) input[type=search],.widget_product_search form:not(.wp-block-search) input[type=text],.widget_product_search form:not(.wp-block-search) input[type=search]{width:100%}.widget_search form:not(.wp-block-search) input[type=submit],.widget_search form:not(.wp-block-search) button[type=submit],.widget_product_search form:not(.wp-block-search) input[type=submit],.widget_product_search form:not(.wp-block-search) button[type=submit]{border:0;clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal !important;top:0;left:0}.widget_recent_entries ul,.widget_pages ul,.widget_categories ul,.widget_archive ul,.widget_recent_comments ul,.widget_nav_menu ul,.widget_links ul,.widget_product_categories ul,.widget_layered_nav ul,.widget_layered_nav_filters ul{margin:0}.widget_recent_entries ul li,.widget_pages ul li,.widget_categories ul li,.widget_archive ul li,.widget_recent_comments ul li,.widget_nav_menu ul li,.widget_links ul li,.widget_product_categories ul li,.widget_layered_nav ul li,.widget_layered_nav_filters ul li{list-style:none;margin-bottom:1em;line-height:1.41575em}.widget_recent_entries ul .children,.widget_pages ul .children,.widget_categories ul .children,.widget_archive ul .children,.widget_recent_comments ul .children,.widget_nav_menu ul .children,.widget_links ul .children,.widget_product_categories ul .children,.widget_layered_nav ul .children,.widget_layered_nav_filters ul .children{margin-left:0;margin-top:1em}#wp-calendar th,#wp-calendar td,.wp-calendar-table th,.wp-calendar-table td{padding:.236em;text-align:center}.widget_recent_entries ul ul.children,.widget_pages ul ul.children{margin:.6180469716em 0 0 1.41575em}.widget_rating_filter .wc-layered-nav-rating{margin-bottom:.6180469716em}.widget_rating_filter .wc-layered-nav-rating a{text-decoration:none !important}.widget_rating_filter .wc-layered-nav-rating .star-rating{display:inline-block;height:1em;line-height:1}@media(min-width: 768px){table.shop_table_responsive tbody tr td,table.shop_table_responsive tbody tr th{text-align:left}.site-header{padding-top:2.617924em;padding-bottom:0}.site-header .site-branding{display:block;width:100%;float:left;margin-left:0;margin-right:0;clear:both}.site-header .site-branding img{height:auto;max-width:230px;max-height:none}.woocommerce-active .site-header .site-branding{width:73.9130434783%;float:left;margin-right:4.347826087%}.woocommerce-active .site-header .site-search{width:21.7391304348%;float:right;margin-right:0;clear:none}.woocommerce-active .site-header .main-navigation{width:73.9130434783%;float:left;margin-right:4.347826087%;clear:both}.woocommerce-active .site-header .site-header-cart{width:21.7391304348%;float:right;margin-right:0;margin-bottom:0}.storefront-secondary-navigation .site-header .site-branding{width:39.1304347826%;float:left;margin-right:4.347826087%}.storefront-secondary-navigation .site-header .secondary-navigation{width:56.5217391304%;float:right;margin-right:0}.storefront-secondary-navigation.woocommerce-active .site-header .site-branding{width:21.7391304348%;float:left;margin-right:4.347826087%}.storefront-secondary-navigation.woocommerce-active .site-header .secondary-navigation{width:47.8260869565%;float:left;margin-right:4.347826087%}.site-branding .site-description{margin-bottom:0;display:block}.site-branding,.site-search,.site-header-cart,.site-logo-anchor,.site-logo-link,.custom-logo-link{margin-bottom:1.41575em}.site-header .subscribe-and-connect-connect{float:right;margin-bottom:1em}.site-header .subscribe-and-connect-connect .icons{list-style:none;margin:0}.site-header .subscribe-and-connect-connect .icons a{font-size:1em !important}.site-header .subscribe-and-connect-connect .icons li{margin:0 0 0 .5407911001em !important;display:inline-block}.col-full{max-width:66.4989378333em;margin-left:auto;margin-right:auto;padding:0 2.617924em;box-sizing:content-box}.col-full::before,.col-full::after{content:"";display:table}.col-full::after{clear:both}.col-full:after{content:" ";display:block;clear:both}.site-content::before,.site-content::after{content:"";display:table}.site-content::after{clear:both}.content-area{width:73.9130434783%;float:left;margin-right:4.347826087%}.widget-area{width:21.7391304348%;float:right;margin-right:0}.right-sidebar .content-area{width:73.9130434783%;float:left;margin-right:4.347826087%}.right-sidebar .widget-area{width:21.7391304348%;float:right;margin-right:0}.left-sidebar .content-area{width:73.9130434783%;float:right;margin-right:0}.left-sidebar .widget-area{width:21.7391304348%;float:left;margin-right:4.347826087%}.storefront-full-width-content .content-area{width:100%;float:left;margin-left:0;margin-right:0}.content-area,.widget-area{margin-bottom:2.617924em}.page-template-template-fullwidth-php .content-area,.page-template-template-homepage-php .content-area{width:100%;float:left;margin-left:0;margin-right:0}.footer-widgets{padding-top:4.235801032em;border-bottom:1px solid rgba(0,0,0,.05)}.footer-widgets::before,.footer-widgets::after{content:"";display:table}.footer-widgets::after{clear:both}.footer-widgets.col-2 .block{width:47.8260869565%;float:left;margin-right:4.347826087%}.footer-widgets.col-2 .block.footer-widget-2{float:right;margin-right:0}.footer-widgets.col-3 .block{width:30.4347826087%;float:left;margin-right:4.347826087%}.footer-widgets.col-3 .block.footer-widget-3{float:right;margin-right:0}.footer-widgets.col-4 .block{width:21.7391304348%;float:left;margin-right:4.347826087%}.footer-widgets.col-4 .block.footer-widget-4{float:right;margin-right:0}.comment-list::before,.comment-list::after{content:"";display:table}.comment-list::after{clear:both}.comment-list .comment{clear:both}.comment-list .comment-meta{width:17.6470588235%;float:left;margin-right:5.8823529412%;text-align:right}.comment-list .comment-meta .avatar{float:right}.comment-list .comment-content{padding-bottom:3.706325903em;margin-bottom:3.706325903em}.comment-list .comment-content,.comment-list #respond{width:76.4705882353%;float:right;margin-right:0}.comment-list #respond{float:right}.comment-list #respond .comment-form-author,.comment-list #respond .comment-form-email,.comment-list #respond .comment-form-url{width:100%;margin-right:0}.comment-list .comment-body #respond{box-shadow:0 6px 2em rgba(0,0,0,.2);margin-bottom:2.617924em;margin-top:-1.618em}.comment-list .reply{clear:both;text-align:right}.comment-list ol.children{width:88.2352941176%;float:right;margin-right:0;list-style:none}.comment-list ol.children .comment-meta{width:20%;float:left;margin-right:6.6666666667%}.comment-list ol.children .comment-content,.comment-list ol.children #respond{width:73.3333333333%;float:right;margin-right:0}.comment-list ol.children ol.children{width:86.6666666667%;float:right;margin-right:0}.comment-list ol.children ol.children .comment-meta{width:23.0769230769%;float:left;margin-right:7.6923076923%}.comment-list ol.children ol.children .comment-content,.comment-list ol.children ol.children #respond{width:69.2307692308%;float:right;margin-right:0}.comment-list ol.children ol.children ol.children{width:84.6153846154%;float:right;margin-right:0}.comment-list ol.children ol.children ol.children .comment-meta{width:27.2727272727%;float:left;margin-right:9.0909090909%}.comment-list ol.children ol.children ol.children .comment-content,.comment-list ol.children ol.children ol.children #respond{width:63.6363636364%;float:right;margin-right:0}.comment-list ol.children ol.children ol.children ol.children{width:81.8181818182%;float:right;margin-right:0}.comment-list ol.children ol.children ol.children ol.children .comment-meta{width:33.3333333333%;float:left;margin-right:11.1111111111%}.comment-list ol.children ol.children ol.children ol.children .comment-content,.comment-list ol.children ol.children ol.children ol.children #respond{width:55.5555555556%;float:right;margin-right:0}#respond{padding:2.617924em}#respond .comment-form-author,#respond .comment-form-email,#respond .comment-form-url{width:29.4117647059%;float:left;margin-right:5.8823529412%}#respond .comment-form-url{float:right;margin-right:0}#respond .comment-form-comment{clear:both}.hentry .entry-header{margin-bottom:2.617924em}.menu-toggle,.handheld-navigation,.main-navigation.toggled .handheld-navigation,.main-navigation.toggled div.menu{display:none}.primary-navigation{display:block}.main-navigation,.secondary-navigation{clear:both;display:block;width:100%}.main-navigation ul,.secondary-navigation ul{list-style:none;margin:0;padding-left:0;display:block}.main-navigation ul li,.secondary-navigation ul li{position:relative;display:inline-block;text-align:left}.main-navigation ul li a,.secondary-navigation ul li a{display:block}.main-navigation ul li a::before,.secondary-navigation ul li a::before{display:none}.main-navigation ul li:hover>ul,.main-navigation ul li.focus>ul,.secondary-navigation ul li:hover>ul,.secondary-navigation ul li.focus>ul{left:0;display:block}.main-navigation ul li:hover>ul li>ul,.main-navigation ul li.focus>ul li>ul,.secondary-navigation ul li:hover>ul li>ul,.secondary-navigation ul li.focus>ul li>ul{left:-9999px}.main-navigation ul li:hover>ul li>ul.sub-menu--is-touch-device,.main-navigation ul li.focus>ul li>ul.sub-menu--is-touch-device,.secondary-navigation ul li:hover>ul li>ul.sub-menu--is-touch-device,.secondary-navigation ul li.focus>ul li>ul.sub-menu--is-touch-device{display:none;left:0}.main-navigation ul li:hover>ul li:hover>ul,.main-navigation ul li:hover>ul li.focus>ul,.main-navigation ul li.focus>ul li:hover>ul,.main-navigation ul li.focus>ul li.focus>ul,.secondary-navigation ul li:hover>ul li:hover>ul,.secondary-navigation ul li:hover>ul li.focus>ul,.secondary-navigation ul li.focus>ul li:hover>ul,.secondary-navigation ul li.focus>ul li.focus>ul{left:100%;top:0;display:block}.main-navigation ul ul,.secondary-navigation ul ul{float:left;position:absolute;top:100%;z-index:99999;left:-9999px}.main-navigation ul ul.sub-menu--is-touch-device,.secondary-navigation ul ul.sub-menu--is-touch-device{display:none;left:0}.main-navigation ul ul li,.secondary-navigation ul ul li{display:block}.main-navigation ul ul li a,.secondary-navigation ul ul li a{width:200px}ul.menu li.current-menu-item>a{color:#43454b}.storefront-primary-navigation{clear:both}.storefront-primary-navigation::before,.storefront-primary-navigation::after{content:"";display:table}.storefront-primary-navigation::after{clear:both}.main-navigation div.menu{display:block}.main-navigation ul.menu,.main-navigation ul.nav-menu{max-height:none;overflow:visible;margin-left:-1em;transition:none}.main-navigation ul.menu>li>a,.main-navigation ul.nav-menu>li>a{padding:1.618em 1em}.main-navigation ul.menu>li.menu-item-has-children:hover::after,.main-navigation ul.menu>li.page_item_has_children:hover::after,.main-navigation ul.nav-menu>li.menu-item-has-children:hover::after,.main-navigation ul.nav-menu>li.page_item_has_children:hover::after{display:block}.main-navigation ul.menu ul,.main-navigation ul.nav-menu ul{margin-left:0}.main-navigation ul.menu ul li a,.main-navigation ul.nav-menu ul li a{padding:.875em 1.41575em;font-weight:400;font-size:.875em}.main-navigation ul.menu ul li:last-child,.main-navigation ul.nav-menu ul li:last-child{border-bottom:0}.main-navigation ul.menu ul ul,.main-navigation ul.nav-menu ul ul{margin-left:0;box-shadow:none}.main-navigation ul.menu ul a:hover,.main-navigation ul.menu ul li:hover>a,.main-navigation ul.menu ul li.focus,.main-navigation ul.nav-menu ul a:hover,.main-navigation ul.nav-menu ul li:hover>a,.main-navigation ul.nav-menu ul li.focus{background-color:rgba(0,0,0,.025)}.main-navigation a{padding:0 1em 2.2906835em}.secondary-navigation{margin:0 0 1.618em;width:auto;clear:none;line-height:1}.secondary-navigation .menu{font-size:.875em;width:auto;float:right}.secondary-navigation .menu>li:hover>a{text-decoration:none}.secondary-navigation .menu ul a{padding:.326em .875em;background:rgba(0,0,0,.05)}.secondary-navigation .menu ul li:first-child a{padding-top:1em}.secondary-navigation .menu ul li:last-child a{padding-bottom:1em}.secondary-navigation .menu ul ul{margin-top:-.6180469716em}.secondary-navigation .menu a{padding:1em .875em;color:#737781;font-weight:400}.secondary-navigation .menu a:hover{text-decoration:none}.error404 .fourohfour-columns-2 .col-1{width:47.8260869565%;float:left;margin-right:4.347826087%}.error404 .fourohfour-columns-2 .col-1 ul.products{margin-bottom:0}.error404 .fourohfour-columns-2 .col-2{width:47.8260869565%;float:right;margin-right:0}}@media(max-width: 66.4989378333em){.col-full{margin-left:2.617924em;margin-right:2.617924em;padding:0}}@media(max-width: 568px){.col-full{margin-left:1.41575em;margin-right:1.41575em;padding:0}}


/* =========================================================================
   SMOCHINO — Luxury Vintage Fashion Design System
   Site-wide restyle: header, footer, homepage hero, product cards,
   archive/shop grid, single product page.
   ========================================================================= */

:root {
	--smochino-black: #181715;
	--smochino-white: #f8f5ef;
	--smochino-cream: #f5f1e9;
	--smochino-beige: #eee7dc;
	--smochino-paper: #f8f5ef;
	--smochino-gold: #8c6549;
	--smochino-ink: #181715;
	--smochino-muted: #80786d;
	--smochino-border: rgba(38, 32, 25, 0.13);

	--smochino-font-serif: 'Bodoni Moda', Georgia, serif;
	--smochino-font-sans: 'Inter', Helvetica, Arial, sans-serif;

	--smochino-page-max: 1720px;
}

/* -------------------------------------------------------------------------
   Base
   ------------------------------------------------------------------------- */

body {
	background: var(--smochino-cream);
	color: var(--smochino-black);
	font-family: var(--smochino-font-sans);
	font-weight: 300;
	line-height: 1.6;
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
	font-family: var(--smochino-font-serif);
	font-weight: 400;
	letter-spacing: -0.01em;
	color: var(--smochino-black);
}

body a {
	color: inherit;
}

body .col-full {
	max-width: var(--smochino-page-max);
	width: min(calc(100% - 40px), var(--smochino-page-max));
	padding: 0;
}

/* The vendor reset gives every <img> a 3px border-radius; that undercuts the
   deliberately flat, zero-radius, hairline-bordered aesthetic everywhere in
   this design system. */
body .smochino-hero__photo,
body .smochino-product__image img,
body .smochino-features__item--image img,
body .smochino-post__image img {
	border-radius: 0;
}

.smochino-eyebrow {
	display: inline-block;
	font-family: var(--smochino-font-sans);
	font-size: 10px;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	font-weight: 500;
	color: var(--smochino-gold);
}

body .button,
body button,
body input[type="button"],
body input[type="reset"],
body input[type="submit"],
body.woocommerce a.button,
body.woocommerce button.button,
body.woocommerce input.button,
body.woocommerce #respond input#submit,
body.woocommerce-page a.button,
body.woocommerce-page button.button,
body.woocommerce-page input.button,
body .site-header-cart a.button,
body a.smochino-btn,
body a.smochino-product__cta,
body a.smochino-post__cta,
body a.smochino-features__link {
	background: var(--smochino-black);
	color: var(--smochino-white);
	border: 1px solid var(--smochino-black);
	border-radius: 0;
	font-family: var(--smochino-font-sans);
	font-size: 10px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	font-weight: 500;
	height: 36px;
	padding: 0 18px;
	display: inline-flex;
	align-items: center;
	transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease;
	box-shadow: none;
	text-shadow: none;
}

body .button:hover,
body button:hover,
body input[type="submit"]:hover,
body.woocommerce a.button:hover,
body.woocommerce button.button:hover,
body.woocommerce input.button:hover,
body.woocommerce #respond input#submit:hover,
body a.smochino-btn:hover,
body a.smochino-product__cta:hover,
body a.smochino-post__cta:hover {
	background: var(--smochino-gold);
	color: var(--smochino-white);
	border-color: var(--smochino-gold);
}

body a.smochino-features__link {
	display: inline-flex;
	background: transparent;
	color: var(--smochino-black);
	border: none;
	padding: 0;
	letter-spacing: 0.12em;
}

body a.smochino-features__link:hover {
	background: transparent;
	color: var(--smochino-gold);
}

body.woocommerce span.onsale,
body .star-rating {
	display: none;
}

body .woocommerce-message,
body .woocommerce-info,
body .woocommerce-error,
body .woocommerce-noreviews {
	border-top-color: var(--smochino-gold);
	background: var(--smochino-beige);
	color: var(--smochino-black);
	font-size: 0.85rem;
}

body .woocommerce-message::before,
body .woocommerce-info::before {
	color: var(--smochino-gold);
}

/* -------------------------------------------------------------------------
   Header
   ------------------------------------------------------------------------- */

/* !important: overrides Storefront's own
   .home.post-type-archive-product .site-header{margin-bottom:...} rule,
   which would otherwise leave a visible cream gap above the full-bleed hero. */
body .smochino-header {
	background: var(--smochino-cream);
	border-bottom: 1px solid var(--smochino-beige);
	padding: 0;
	margin-bottom: 0 !important;
}

body .smochino-header__inner {
	max-width: var(--smochino-page-max);
	margin: 0 auto;
	padding: 12px 40px;
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	gap: 24px;
}

/* A true grid (not flex + justify-content:space-between) guarantees the
   logo sits at the real visual center regardless of the nav/actions
   content width being unequal on either side. */
body .smochino-header__nav {
	justify-self: start;
	min-width: 0;
}

body .smochino-header__nav ul.menu li a,
body .smochino-header__nav .primary-navigation a {
	font-size: 0.66rem;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	font-weight: 500;
	color: var(--smochino-black);
	padding: 6px 0;
	border-bottom: 1px solid transparent;
	white-space: nowrap;
}

body .smochino-header__nav ul.menu li a:hover,
body .smochino-header__nav .primary-navigation a:hover {
	border-bottom-color: var(--smochino-gold);
}

/* Mobile: keep Storefront's own toggle-driven nav, just restyle the button. */
body .smochino-header__nav .menu-toggle {
	background: transparent;
	border: 1px solid var(--smochino-black);
	color: var(--smochino-black);
	font-family: var(--smochino-font-sans);
	font-size: 0.7rem;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	padding: 10px 18px 10px 34px;
}

/* Desktop: lay the primary menu out as a single row, no toggle needed. */
@media (min-width: 1360px) {
	body .smochino-header__nav {
		display: flex;
	}

	body .smochino-header__nav .main-navigation {
		display: flex;
		align-items: center;
	}

	body .smochino-header__nav ul.menu,
	body .smochino-header__nav .primary-navigation > ul {
		display: flex;
		list-style: none;
		margin: 0;
		padding: 0;
		gap: 18px;
	}

	body .smochino-header__nav .menu-toggle {
		display: none;
	}
}

body .smochino-header__branding {
	flex: 0 0 auto;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
}

body .smochino-header__branding .site-branding {
	margin: 0;
	width: auto;
	float: none;
}

body .smochino-header__branding .site-title,
body .smochino-header__branding .site-title a {
	font-family: var(--smochino-font-serif);
	font-size: 2rem;
	line-height: 1;
	letter-spacing: 0.1em;
	font-weight: 500;
	margin: 0;
	color: var(--smochino-black);
	white-space: nowrap;
}

body .smochino-header__branding .site-description {
	display: none;
}

body .smochino-header__tagline {
	font-size: 0.58rem;
	line-height: 1;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--smochino-muted);
}

body .smochino-header__actions {
	justify-self: end;
	min-width: 0;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 24px;
}

body .smochino-header__actions .site-search {
	flex: 0 1 200px;
}

body .smochino-header__actions .woocommerce-product-search {
	display: flex;
	align-items: center;
	position: relative;
	border-bottom: 1px solid var(--smochino-beige);
}

/* The theme's default search-icon ::before is absolutely positioned with a
   fixed top/left tuned for its own (much taller) search box; override it to
   center vertically within our compact custom search bar instead. */
body .smochino-header__actions .woocommerce-product-search::before {
	top: 50% !important;
	left: 0 !important;
	transform: translateY(-50%);
}

body .smochino-header__actions .woocommerce-product-search input[type="search"] {
	border: none;
	background: transparent;
	font-family: var(--smochino-font-sans);
	font-size: 0.78rem;
	padding: 6px 0 6px 20px;
	width: 100%;
}

body .smochino-header__actions .woocommerce-product-search button {
	background: none;
	border: none;
	color: var(--smochino-black);
	padding: 0 0 0 8px;
	font-size: 0.7rem;
}



body .site-header-cart {
	position: relative;
	flex: 0 0 auto;
}

body .site-header-cart .cart-contents {
	font-size: 0.7rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	font-weight: 500;
	color: var(--smochino-black);
	padding: 0;
	display: flex;
	align-items: center;
	gap: 6px;
	white-space: nowrap;
}

body .site-header-cart .widget_shopping_cart {
	background: var(--smochino-white);
	border: 1px solid var(--smochino-beige);
	padding: 20px;
	width: 320px;
	right: 0;
	left: auto !important;
	box-sizing: border-box;
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);
	display: none;
}

/* The theme's own hover/focus reveal rule only ever sets left:0, which would
   push this now-320px-wide dropdown off the right edge of the viewport since
   the cart icon sits at the far right of the header; override the reveal to
   toggle display instead and keep the panel right-aligned. */
body .site-header-cart:hover .widget_shopping_cart,
body .site-header-cart.focus .widget_shopping_cart {
	display: block;
	left: auto !important;
}

body .site-header-cart .widget_shopping_cart .product_list_widget {
	list-style: none;
	margin: 0 0 16px;
	max-height: 320px;
	overflow-y: auto;
}

body .site-header-cart .widget_shopping_cart .product_list_widget li {
	padding: 12px 0 12px 64px;
	border-bottom: 1px solid var(--smochino-beige);
	font-size: 0.8rem;
	line-height: 1.5;
}

body .site-header-cart .widget_shopping_cart .product_list_widget li:first-child {
	padding-top: 0;
}

body .site-header-cart .widget_shopping_cart .product_list_widget img {
	width: 50px;
	height: 50px;
	object-fit: cover;
	margin-left: 0;
}

body .site-header-cart .widget_shopping_cart .product_list_widget a:not(.remove) {
	font-family: var(--smochino-font-sans);
	color: var(--smochino-black);
	font-weight: 500;
}

body .site-header-cart .widget_shopping_cart .product_list_widget li a.remove {
	top: 12px;
}

body .site-header-cart .widget_shopping_cart .total {
	font-family: var(--smochino-font-sans);
	font-size: 0.85rem;
	font-weight: 600;
}

body .site-header-cart .widget_shopping_cart .buttons a {
	margin-bottom: 10px;
}

/* -------------------------------------------------------------------------
   Hero — split screen homepage
   ------------------------------------------------------------------------- */

body .smochino-hero {
	position: relative;
	overflow: hidden;
	min-height: 480px;
	max-height: 620px;
	background: var(--smochino-black);
	width: 100%;
}

/* The photo is the hero's single full-bleed background; the text sits on
   top of it (on a fading cream scrim), it is not a separate boxed column. */
body .smochino-hero__image {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: var(--smochino-black);
}

body .smochino-hero__photo {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 62% 22%;
}

body .smochino-hero__image-overlay {
	position: absolute;
	inset: 0;
	background:
		linear-gradient(90deg, var(--smochino-cream) 0%, var(--smochino-cream) 18%, rgba(245, 241, 233, 0.88) 28%, rgba(245, 241, 233, 0.35) 37%, rgba(245, 241, 233, 0) 46%),
		linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.55) 100%);
}

body .smochino-hero__content {
	position: absolute;
	inset: 0 auto 0 0;
	z-index: 2;
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: min(40%, 680px);
	padding-top: 40px;
	padding-bottom: 40px;
	padding-right: 32px;
	padding-left: max(48px, calc((100vw - var(--smochino-page-max)) / 2 + 48px));
	gap: 16px;
}

body .smochino-hero__headline {
	font-family: var(--smochino-font-serif);
	font-size: clamp(60px, 5.8vw, 100px);
	line-height: 0.92;
	font-weight: 400;
	letter-spacing: -0.033em;
	margin: 0;
}

body .smochino-hero__subheadline {
	font-family: var(--smochino-font-serif);
	font-style: italic;
	font-size: 1.05rem;
	color: #3a3a3a;
	margin: 0;
	max-width: 420px;
	font-weight: 400;
	line-height: 1.4;
}

body .smochino-hero__description {
	font-size: 0.92rem;
	color: #555;
	max-width: 440px;
	font-weight: 300;
	line-height: 1.7;
}

body .smochino-hero__divider {
	width: 48px;
	height: 1px;
	background: var(--smochino-black);
	margin: 4px 0;
}

body .smochino-hero__quote {
	position: absolute;
	left: 52%;
	bottom: 50px;
	color: var(--smochino-white);
	max-width: 260px;
	text-align: left;
	text-shadow: 0 1px 10px rgba(0, 0, 0, 0.6);
	z-index: 2;
}

body .smochino-hero__quote p {
	font-family: var(--smochino-font-serif);
	font-style: italic;
	font-size: 1.05rem;
	line-height: 1.5;
	margin: 0 0 10px;
}

body .smochino-hero__quote span {
	font-size: 0.68rem;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	opacity: 0.85;
}

body .smochino-hero__menu {
	position: absolute;
	right: 40px;
	top: 50px;
	text-align: right;
	color: var(--smochino-white);
	font-size: 0.68rem;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	text-shadow: 0 1px 10px rgba(0, 0, 0, 0.6);
	display: flex;
	flex-direction: column;
	gap: 14px;
	z-index: 2;
}

body .smochino-hero__menu span {
	padding-bottom: 14px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}

body .smochino-hero__menu span:last-child {
	border-bottom: 0;
	padding-bottom: 0;
}

/* -------------------------------------------------------------------------
   Collection intro / archive headers
   ------------------------------------------------------------------------- */

body .smochino-collection-intro {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	gap: 24px;
	max-width: var(--smochino-page-max);
	margin: 0 auto;
	padding: 44px 40px 28px;
}

body .smochino-collection-intro__main {
	text-align: center;
	position: relative;
	padding: 0 32px;
}

body .smochino-collection-intro__main::before,
body .smochino-collection-intro__main::after {
	content: "";
	position: absolute;
	top: 50%;
	width: 220px;
	height: 1px;
	background: var(--smochino-border);
}

body .smochino-collection-intro__main::before {
	right: 100%;
}

body .smochino-collection-intro__main::after {
	left: 100%;
}

body .smochino-collection-intro h2 {
	font-size: clamp(2.2rem, 3.6vw, 3.4rem);
	font-weight: 400;
	line-height: 0.95;
	letter-spacing: -0.02em;
	margin: 8px 0 0;
}

body .smochino-collection-intro__side {
	display: flex;
	flex-direction: column;
	gap: 4px;
	font-size: 0.68rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--smochino-muted);
	line-height: 1.6;
}

body .smochino-collection-intro__side--left {
	text-align: left;
}

body .smochino-collection-intro__side--right {
	text-align: right;
}

body .smochino-collection-intro__side span:first-child {
	color: var(--smochino-gold);
	font-weight: 500;
}

body .smochino-archive__header,
body .page-header.smochino-archive__header {
	text-align: center;
	padding: 70px 40px 40px;
	max-width: var(--smochino-page-max);
	margin: 0 auto;
}

body .smochino-archive__header .page-title {
	font-size: 2.2rem;
	margin: 10px 0 0;
}

body .smochino-archive__header .woocommerce-products-header__title {
	font-size: 2.2rem;
	margin: 10px 0 0;
}

/* -------------------------------------------------------------------------
   Full-width layout — the SMOCHINO archive/shop has no sidebar
   ------------------------------------------------------------------------- */

#primary.content-area {
	width: 100%;
	float: none;
	margin-right: 0;
}

body .widget-area {
	display: none;
}

#smochino-collection {
	display: flow-root;
}

/* -------------------------------------------------------------------------
   Product grid & cards
   ------------------------------------------------------------------------- */

body.woocommerce ul.products,
body.woocommerce-page ul.products {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 14px;
	background: transparent;
	padding: 0 40px 48px;
	max-width: var(--smochino-page-max);
	margin: 0 auto;
}

/* WooCommerce's float-layout clearfix adds ::before/::after boxes with
   display:table; inside a grid container those become real anonymous grid
   items and eat a cell, pushing the real products out of place. */
body.woocommerce ul.products::before,
body.woocommerce ul.products::after,
body.woocommerce-page ul.products::before,
body.woocommerce-page ul.products::after {
	content: none !important;
	display: none !important;
}

body.woocommerce ul.products li.product.smochino-product,
body.woocommerce-page ul.products li.product.smochino-product {
	background: var(--smochino-paper);
	border: 1px solid var(--smochino-border);
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 0;
	width: 100% !important;
	float: none !important;
	margin: 0 !important;
	text-align: left;
	box-sizing: border-box;
}

body.woocommerce ul.products li.product.smochino-product img {
	width: 100%;
	height: auto;
	object-fit: cover;
}

body .woocommerce-products-header {
	display: none;
}

/* Storefront shows the sorting/result-count bar both above and below the
   grid; the editorial layout only needs the one above it. */
body ul.products ~ .storefront-sorting {
	display: none;
}

body .storefront-sorting {
	max-width: var(--smochino-page-max);
	margin: 0 auto;
	padding: 0 40px 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 0.75rem;
	color: var(--smochino-muted);
}

body .storefront-sorting .woocommerce-ordering select {
	border: none;
	background: transparent;
	font-family: var(--smochino-font-sans);
	font-size: 0.75rem;
	text-transform: uppercase;
	letter-spacing: 0.08em;
}

body .smochino-product__number {
	font-size: 10px;
	letter-spacing: 0.1em;
	color: var(--smochino-gold);
	font-weight: 500;
	padding: 10px 14px 0;
}

body .smochino-product__image {
	display: block;
	background: var(--smochino-paper);
	aspect-ratio: 4 / 5;
	overflow: hidden;
	margin-top: 8px;
	border-top: 1px solid var(--smochino-border);
	border-bottom: 1px solid var(--smochino-border);
}

body .smochino-product__image img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	padding: 10px;
	box-sizing: border-box;
}

body .smochino-product__info {
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 12px 14px 14px;
	flex: 1;
}

body .smochino-product__brand {
	font-family: var(--smochino-font-sans);
	font-size: 10px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	font-weight: 600;
	color: var(--smochino-muted);
}

body .smochino-product__name {
	font-family: var(--smochino-font-serif);
	font-size: 1.05rem;
	font-weight: 400;
	line-height: 1.25;
	margin: 0;
	min-height: calc(1.25em * 3);
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

body .smochino-product__name a {
	color: var(--smochino-black);
}

body .smochino-product__meta-row {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 8px;
	padding-top: 6px;
	border-top: 1px solid var(--smochino-border);
	margin-top: 4px;
}

body .smochino-product__price {
	font-family: var(--smochino-font-sans);
	font-size: 0.9rem;
	font-weight: 600;
	color: var(--smochino-gold);
}

body .smochino-product__availability {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 10px;
	letter-spacing: 0.02em;
	color: var(--smochino-muted);
}

body .smochino-product__dot {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--smochino-gold);
	display: inline-block;
	flex: none;
}

body a.smochino-product__cta {
	margin-top: auto;
	padding-top: 10px;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 10px;
	width: 100%;
	justify-content: center;
}

/* -------------------------------------------------------------------------
   Homepage feature strip
   ------------------------------------------------------------------------- */

body .smochino-features {
	display: grid;
	grid-template-columns: repeat(3, 1fr 1.15fr);
	gap: 1px;
	background: var(--smochino-border);
	border: 1px solid var(--smochino-border);
	max-width: var(--smochino-page-max);
	margin: 0 auto 40px;
}

body .smochino-features__item {
	background: var(--smochino-cream);
	padding: 30px 24px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	justify-content: center;
}

body .smochino-features__item h3 {
	font-size: 1.3rem;
	margin: 4px 0 0;
	line-height: 1.25;
}

body .smochino-features__item p {
	font-size: 0.82rem;
	color: var(--smochino-muted);
	line-height: 1.6;
	margin: 0;
}

body .smochino-features__item--image {
	padding: 0;
	background: var(--smochino-beige);
}

body .smochino-features__item--image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	min-height: 260px;
}

/* -------------------------------------------------------------------------
   Footer
   ------------------------------------------------------------------------- */

body .smochino-footer {
	background: var(--smochino-cream);
	color: var(--smochino-black);
	border-top: 1px solid var(--smochino-beige);
	padding: 70px 40px 30px;
}

body .smochino-footer .site-info,
body .smochino-footer .footer-widgets {
	display: none;
}

body .smochino-footer__top {
	display: grid;
	grid-template-columns: 1.4fr repeat(3, 1fr) 1.2fr;
	gap: 40px;
	max-width: var(--smochino-page-max);
	margin: 0 auto 50px;
}

body .smochino-footer__brand {
	font-family: var(--smochino-font-serif);
	font-size: 1.6rem;
	letter-spacing: 0.1em;
	margin: 0 0 12px;
	color: var(--smochino-black);
}

body .smochino-footer__tagline {
	font-size: 0.78rem;
	color: var(--smochino-muted);
	max-width: 220px;
	line-height: 1.6;
}

body .smochino-footer__col h4 {
	font-family: var(--smochino-font-sans);
	font-size: 0.7rem;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--smochino-gold);
	margin: 0 0 18px;
}

body .smochino-footer__col ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

body .smochino-footer__col a {
	font-size: 0.85rem;
	color: var(--smochino-ink);
	transition: color 0.2s ease;
}

body .smochino-footer__col a:hover {
	color: var(--smochino-gold);
}

body .smochino-footer__newsletter form {
	display: flex;
	border-bottom: 1px solid var(--smochino-black);
	margin-top: 14px;
}

body .smochino-footer__newsletter input {
	background: transparent;
	border: none;
	color: var(--smochino-black);
	padding: 10px 0;
	font-family: var(--smochino-font-sans);
	font-size: 0.85rem;
	flex: 1;
}

body .smochino-footer__newsletter input::placeholder {
	color: #8a8a8a;
}

body .smochino-footer__newsletter button {
	background: none;
	border: none;
	color: var(--smochino-black);
	cursor: pointer;
	font-size: 1rem;
	padding: 0;
}

body .smochino-footer__bottom {
	max-width: var(--smochino-page-max);
	margin: 0 auto;
	padding-top: 30px;
	border-top: 1px solid var(--smochino-beige);
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 16px;
}

body .smochino-footer__copy {
	font-size: 0.75rem;
	color: var(--smochino-muted);
}

body .smochino-footer__social {
	display: flex;
	gap: 16px;
}

body .smochino-footer__social a {
	color: var(--smochino-ink);
	font-size: 0.9rem;
}

/* -------------------------------------------------------------------------
   Single product page
   ------------------------------------------------------------------------- */

body .smochino-product-page {
	max-width: var(--smochino-page-max);
	margin: 0 auto;
	padding: 50px 40px 80px;
}

body .smochino-product-page div.product {
	display: flow-root;
}

body .smochino-product-page div.images {
	background: var(--smochino-beige);
}

body .smochino-product-page div.summary.entry-summary {
	padding-top: 10px;
}

body .smochino-product-page h1.product_title {
	font-size: 2.2rem;
	margin: 0 0 14px;
}

body .smochino-product-page p.price,
body .smochino-product-page p.price .woocommerce-Price-amount {
	font-family: var(--smochino-font-sans);
	color: var(--smochino-gold);
	font-size: 1.4rem;
	font-weight: 600;
}

body .smochino-product-page .woocommerce-product-details__short-description {
	font-size: 0.9rem;
	color: var(--smochino-ink);
	line-height: 1.8;
	margin: 20px 0;
}

body .smochino-product-page form.cart {
	margin-top: 24px;
}

body .smochino-product-page .quantity input.qty {
	border: 1px solid var(--smochino-beige);
	background: transparent;
	font-family: var(--smochino-font-sans);
	padding: 14px;
}

body .smochino-product-page .product_meta {
	margin-top: 30px;
	font-size: 0.78rem;
	color: var(--smochino-muted);
	border-top: 1px solid var(--smochino-beige);
	padding-top: 20px;
}

body .smochino-product-page .woocommerce-tabs ul.tabs {
	list-style: none;
	margin: 60px 0 0;
	padding: 0 0 20px;
	display: flex;
	gap: 30px;
	border-bottom: 1px solid var(--smochino-beige);
}

body .smochino-product-page .woocommerce-tabs ul.tabs li {
	margin: 0;
	padding: 0;
}

body .smochino-product-page .woocommerce-tabs ul.tabs li a {
	font-size: 0.72rem;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	font-weight: 500;
}

body .smochino-product-page .woocommerce-tabs .panel {
	padding: 30px 0;
	font-size: 0.9rem;
	line-height: 1.8;
	color: var(--smochino-ink);
}

body .smochino-product-page .related.products {
	margin-top: 80px;
}

body .smochino-product-page .related.products > h2 {
	text-align: center;
	font-size: 1.8rem;
	margin-bottom: 30px;
}

/* -------------------------------------------------------------------------
   Generic post archive / blog loop
   ------------------------------------------------------------------------- */

body .smochino-post-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 40px;
	max-width: var(--smochino-page-max);
	margin: 0 auto;
	padding: 0 40px 60px;
}

body .smochino-post-grid article {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

body .smochino-post__number {
	font-size: 0.72rem;
	letter-spacing: 0.1em;
	color: var(--smochino-gold);
	font-weight: 500;
}

body .smochino-post__image {
	display: block;
	background: var(--smochino-beige);
	aspect-ratio: 3 / 2;
	overflow: hidden;
	margin-bottom: 6px;
}

body .smochino-post__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

body .smochino-post-grid .smochino-eyebrow {
	margin-top: 2px;
}

body .smochino-post__title {
	font-size: 1.3rem;
	margin: 0;
}

body .smochino-post__title a {
	color: var(--smochino-black);
}

body .smochino-post__excerpt {
	font-size: 0.88rem;
	color: var(--smochino-ink);
	line-height: 1.7;
}

body .smochino-post__excerpt p {
	margin: 0;
}

body .smochino-post__quote {
	font-family: var(--smochino-font-serif);
	font-style: italic;
	font-size: 0.95rem;
	color: var(--smochino-ink);
	margin: 4px 0 0;
}

body a.smochino-post__cta {
	margin-top: 6px;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 0.68rem;
	padding: 12px 18px;
	justify-content: center;
	align-self: flex-start;
}

/* -------------------------------------------------------------------------
   Single post & page content
   ------------------------------------------------------------------------- */

body .smochino-page,
body .smochino-single {
	max-width: 900px;
	margin: 0 auto;
	padding: 60px 40px 80px;
	float: none;
}

body .smochino-page .entry-header,
body .smochino-single .entry-header {
	text-align: center;
	margin-bottom: 40px;
	border-bottom: 0;
}

body .smochino-page .entry-title,
body .smochino-single .entry-title {
	font-size: 2.4rem;
	margin: 0 0 16px;
}

body .smochino-single .entry-header .posted-on,
body .smochino-single .entry-header .post-author,
body .smochino-single .entry-header .post-comments,
body .smochino-single .entry-header .byline {
	font-family: var(--smochino-font-sans);
	font-size: 0.72rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--smochino-gold);
}

body .smochino-page .entry-content,
body .smochino-single .entry-content {
	font-size: 1rem;
	line-height: 1.9;
	color: var(--smochino-ink);
}

body .smochino-page .entry-content p:first-of-type,
body .smochino-single .entry-content p:first-of-type {
	font-size: 1.1rem;
}

body .smochino-page .entry-content blockquote,
body .smochino-single .entry-content blockquote {
	font-family: var(--smochino-font-serif);
	font-style: italic;
	font-size: 1.2rem;
	border-left: 2px solid var(--smochino-gold);
	padding-left: 24px;
	margin: 30px 0;
	color: var(--smochino-black);
}

body .smochino-page .entry-content img,
body .smochino-single .entry-content img {
	margin: 30px 0;
}

body .smochino-single .entry-taxonomy,
body .smochino-single .cat-links,
body .smochino-single .tags-links {
	font-family: var(--smochino-font-sans);
	font-size: 0.72rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--smochino-muted);
}

body .smochino-single nav.navigation {
	border-top: 1px solid var(--smochino-beige);
	border-bottom: 0;
	margin-top: 40px;
	padding-top: 30px;
}

/* -------------------------------------------------------------------------
   Responsive
   ------------------------------------------------------------------------- */

@media (max-width: 1200px) {
	body.woocommerce ul.products,
	body.woocommerce-page ul.products {
		grid-template-columns: repeat(3, 1fr);
	}

	body .smochino-footer__top {
		grid-template-columns: 1fr 1fr;
	}

	body .smochino-features {
		grid-template-columns: 1fr 1fr;
	}

	body .smochino-post-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 1359px) {
	/* Below the header's own stacking breakpoint, the hero's side-by-side
	   text/image layout no longer has room for the display headline at a
	   readable size without wrapping one word per line — stack the hero the
	   same way the 768px-and-under layout already does, just starting higher. */
	body .smochino-hero {
		min-height: 0;
	}

	body .smochino-hero__content {
		position: static;
		width: 100%;
		background: var(--smochino-cream);
		padding: 50px 40px;
	}

	body .smochino-hero__headline {
		font-size: clamp(44px, 7vw, 72px);
	}

	body .smochino-hero__image {
		position: relative;
		display: flex;
		flex-direction: column;
		min-height: 420px;
	}

	body .smochino-hero__image-overlay {
		background: linear-gradient(180deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.05) 35%, rgba(0, 0, 0, 0.3) 65%, rgba(0, 0, 0, 0.6) 100%);
	}

	body .smochino-hero__menu {
		position: static;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		gap: 6px 20px;
		padding: 24px 24px 0;
	}

	body .smochino-hero__quote {
		position: static;
		margin-top: auto;
		padding: 28px;
		max-width: none;
	}

	body .smochino-header__inner {
		display: flex;
		flex-direction: column;
		justify-content: center;
		text-align: center;
	}

	body .smochino-header__nav,
	body .smochino-header__actions {
		width: 100%;
		justify-self: auto;
		display: flex;
		justify-content: center;
	}

	body .smochino-header__branding {
		width: 100%;
	}

	body .smochino-header__branding .site-title,
	body .smochino-header__branding .site-title a {
		font-size: 1.4rem;
		letter-spacing: 0.08em;
		white-space: nowrap;
	}

}

@media (max-width: 768px) {
	body .smochino-hero {
		min-height: 0;
	}

	body .smochino-hero__content {
		position: static;
		width: 100%;
		background: var(--smochino-cream);
		padding: 50px 24px;
	}

	body .smochino-hero__image {
		position: relative;
		display: flex;
		flex-direction: column;
		min-height: 360px;
	}

	body .smochino-hero__image-overlay {
		background: linear-gradient(180deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.05) 35%, rgba(0, 0, 0, 0.3) 65%, rgba(0, 0, 0, 0.6) 100%);
	}

	body .smochino-hero__menu {
		position: static;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		gap: 6px 16px;
		padding: 20px 20px 0;
	}

	body .smochino-hero__quote {
		position: static;
		margin-top: auto;
		padding: 24px;
		max-width: none;
	}

	body.woocommerce ul.products,
	body.woocommerce-page ul.products {
		grid-template-columns: repeat(2, 1fr);
		padding: 0 20px 40px;
	}

	body .smochino-collection-intro,
	body .smochino-archive__header {
		padding: 50px 20px 30px;
	}

	body .smochino-collection-intro {
		grid-template-columns: 1fr;
	}

	body .smochino-collection-intro__side {
		display: none;
	}

	body .smochino-collection-intro h2 {
		font-size: 1.8rem;
	}

	body .smochino-footer__top {
		grid-template-columns: 1fr;
	}

	body .smochino-features {
		grid-template-columns: 1fr;
	}

	body .smochino-footer {
		padding: 50px 20px 24px;
	}

	body .smochino-post-grid {
		grid-template-columns: 1fr;
		padding: 0 20px 40px;
	}

	body .smochino-page,
	body .smochino-single {
		padding: 40px 20px 50px;
	}

	body .smochino-page .entry-title,
	body .smochino-single .entry-title {
		font-size: 1.8rem;
	}
}