/*
Theme Name: Pin Fashion
Theme URI: https://www.pinnaclethemes.net/product/pin-fashion/
Author: sinsikha
Author URI: https://profiles.wordpress.org/sinsikha/
Description: Pin Fashion is a block theme for fashion stores and clothing brands. It includes a Landing Page template built from patterns, with a hero banner, service features, outfit highlights and new arrivals. It also includes templates for blog posts and for WooCommerce shop, product, cart and checkout pages, plus four style variations. Every part of the site can be edited in the Site Editor.
Version: 1.0.1
Requires at least: 6.4
Tested up to: 7.1
Requires PHP: 7.0
WC requires at least: 6.0
WC tested up to: 11.1
License: GNU General Public License v3.0
License URI: https://www.gnu.org/licenses/gpl-3.0.en.html
	
Text Domain: pin-fashion
Tags: blog, e-commerce, one-column, two-columns, right-sidebar, custom-menu, full-site-editing, block-patterns, featured-images, full-width-template, threaded-comments, block-styles, rtl-language-support, style-variations, custom-colors, editor-style

Pin Fashion includes code from Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/

Pin Fashion WordPress Theme has been created by Pinnacle Themes(pinnaclethemes.net), 2026.
Pin Fashion WordPress Theme is released under the terms of GNU GPL v3.0
*/

*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section{display: block;}
audio,
canvas,
video{display: inline-block;}
audio:not([controls]){display: none; height: 0;}
[hidden]{display: none;}
html{font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}

html,
button,
input,
select,
textarea{font-family: 'Poppins', sans-serif;}

body{margin: 0; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;}

a{text-decoration:underline;}
a:hover{color: #f25f43; text-decoration:underline;}

#logo-main a:focus,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus,
a:focus {
  outline: 2px dotted #666666;
}

h1,
h2,
h3,
h4,
h5,
h6{clear: both; font-family: var(--wp--custom--pin--heading-font, 'Playfair Display', serif);}

/* Per-style display-heading character (case + tracking) driven by style variation tokens. */
h1,
h2,
.pin-fashion-hero-title,
.wp-block-query-title,
.wp-block-post-title{
	text-transform: var(--wp--custom--pin--heading-transform, none);
	letter-spacing: var(--wp--custom--pin--heading-tracking, normal);
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a{color: inherit;}

p{margin: 0 0 15px;}

img{border: none; max-width: 100%; -ms-interpolation-mode: bicubic; border: 0; vertical-align: middle;}

address{font-style: italic; margin: 0 0 24px;}
abbr[title]{border-bottom: 1px dotted;}
dfn{font-style: italic;}
mark{background: #ff0; color: #000;}
code,
kbd,
pre,
samp{font-family: monospace, serif; font-size: 14px; hyphens: none;}
pre{background: #f5f5f5; color: #666; font-family: monospace; font-size: 14px; margin: 20px 0; overflow: auto; padding: 20px; white-space: pre; white-space: pre-wrap; word-wrap: break-word;}
blockquote, q{hyphens: none; quotes: none;}
blockquote:before,
blockquote:after,
q:before,
q:after{content: ""; content: none;}
blockquote{font-size: 18px; font-style: italic; font-weight: 300; margin: 24px 40px;}
blockquote blockquote{margin-right: 0;}
blockquote cite,
blockquote small{font-size: 14px; font-weight: normal; text-transform: uppercase;}
blockquote em,
blockquote i{font-style: normal; font-weight: 300;}
blockquote strong,
blockquote b{font-weight: 400;}
small{font-size: smaller;}
sub,
sup{font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup{top: -0.5em;}
sub{bottom: -0.25em;}
dl{margin: 0 20px;}
dt{font-weight: bold;}
dd{margin: 0 0 20px;}
menu,
ol,
ul{margin: 16px 0; padding: 0 0 0 15px;}
ul{list-style-type: square;}
nav ul,
nav ol{list-style: none; list-style-image: none;}
li > ul,
li > ol{margin: 0;}
svg:not(:root){overflow: hidden;}
figure{margin: 0;}
form{margin: 0;}
fieldset{border: 1px solid #c0c0c0; margin: 15px 2px; min-width: inherit; padding: 0.35em 0.625em 0.75em;}
legend{border: 0; padding: 0; white-space: normal;}

button,
input,
select,
textarea{font-size: 100%; margin: 0; max-width: 100%; vertical-align: baseline;}
button,
input{line-height: normal;}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"]{-webkit-appearance: button; cursor: pointer;}
button[disabled],
input[disabled]{cursor: default;}
input[type="checkbox"],
input[type="radio"]{padding: 0;}
input[type="search"]{-webkit-appearance: textfield; padding-right: 2px; width: 270px;}
input[type="search"]::-webkit-search-decoration{-webkit-appearance: none;}
button::-moz-focus-inner,
input::-moz-focus-inner{border: 0; padding: 0;}
textarea{overflow: auto; vertical-align: top; resize: none; min-height: 120px;}

table{border-bottom: 1px solid #ededed; border-collapse: collapse; border-spacing: 0; line-height: 2; margin: 0 0 20px;	width: 100%;}
caption,
th,
td{font-weight: normal; text-align: left;}
caption{font-size: 16px; margin: 20px 0;}
th{font-weight: bold; text-transform: uppercase;}
td{border-top: 1px solid #ededed; padding: 6px 10px 6px 0;}
del{color: #333;}
ins{background: #fff9c0; text-decoration: none;}

.screen-reader-text{clip: rect(1px, 1px, 1px, 1px); overflow: hidden; position: absolute !important; height: 1px; width: 1px;}
.screen-reader-text:focus{background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-weight: bold; height: auto; line-height: normal; padding: 15px 23px 14px; position: absolute; left: 5px; top: 5px; text-decoration: none; width: auto; z-index: 100000; /* Above WP toolbar */}

/* Form fields styles. */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="date"],
input[type="number"],
input[type="search"],
input[type="url"],
input[type="password"],
textarea{border: 1px solid #efefef; width: 100%; border-radius: 8px; padding: 13px; outline: none;}

select{background: transparent; border: 1px solid #00b5e2; width: 100%; border-radius: 8px; padding: 13px; outline: none;}

/* Buttons */
button,
input[type="submit"],
input[type="button"],
input[type="reset"]{background-color: #f25f43; border: none; border-radius: 50px; color: #ffffff; display: inline-block; font-size: 20px; font-weight: 500; padding: 18px 50px; text-decoration: none; transition: all 0.2s;}

/* Placeholder text color -- selectors need to be separate to work. */
::placeholder{color: #041F69; opacity: 1;}
:-ms-input-placeholder{color: #041F69;}
::-ms-input-placeholder{color: #041F69;}

/*
 * Search and File Block button styles.
 * Necessary until the following issues are resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/36444
 * https://github.com/WordPress/gutenberg/issues/27760
 */

.wp-block-search__button,
.wp-block-file .wp-block-file__button {
	background-color: var(--wp--preset--color--primary);
	border-radius: 0;
	border: none;
	color: var(--wp--preset--color--background);
	font-size: var(--wp--preset--font-size--medium);
	padding: calc(.667em + 2px) calc(1.333em + 2px);
}

/*
 * Button hover styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */

.wp-block-search__button:hover,
.wp-block-file .wp-block-file__button:hover,
.wp-block-button__link:hover {
	opacity: 0.90;
}

.wp-block-post-content p{margin-bottom:15px;}

/* Blocks inside columns don't have negative margins. */
.wp-site-blocks .wp-block-columns .wp-block-column .alignfull,
.is-root-container .wp-block-columns .wp-block-column .wp-block[data-align="full"],
/* We also want to avoid stacking negative margins. */
.wp-site-blocks .alignfull:not(.wp-block-group) .alignfull,
.is-root-container .wp-block[data-align="full"] > *:not(.wp-block-group) .wp-block[data-align="full"] {
	margin-left: auto !important;
	margin-right: auto !important;
	width: inherit;
}

/*
 * Responsive menu container padding.
 * This ensures the responsive container inherits the same
 * spacing defined above. This behavior may be built into
 * the Block Editor in the future.
 */

.wp-block-navigation__responsive-container.is-menu-open {
	padding-top: var(--wp--custom--spacing--outer);
	padding-bottom: var(--wp--custom--spacing--large);
	padding-right: var(--wp--custom--spacing--outer);
	padding-left: var(--wp--custom--spacing--outer);
}

.pin-fashion-topbar .wp-block-image img{vertical-align:middle;}
.pin-fashion-mail-top a{text-decoration:none;}
.pin-fashion-top-button a:hover{color:#000; text-decoration:none;}
.pin-fashion-discover-button a:hover{background-color:#f25f43 !important; color:#FFF !important; text-decoration:none;}
.pin-fashion-button-postall a:hover{color:#fff !important; background-color:#282828 !important; text-decoration:none;}

.pin-fashion-footer-news .wp-block-latest-posts.wp-block-latest-posts__list li{margin-bottom:50px;}
.pin-fashion-footer-news .wp-block-latest-posts.wp-block-latest-posts__list li img{border-radius:8px;}
.pin-fashion-footer-news li time{color:#f25f43; padding:0;}
.pin-fashion-footer-news .wp-block-latest-posts.wp-block-latest-posts__list li a{text-decoration:none; color:#d9d9d9; font-size:14px;}

.pin-fashion-post-list li{margin-bottom:35px; padding-bottom:35px; display:inline-block; border-bottom:1px solid #e6e6e6;}
.pin-fashion-post-list li:last-child{border-bottom:none;}
.pin-fashion-post-list li a.wp-block-latest-posts__post-title{text-decoration:none; color:#253242; font-weight:500; font-size:18px;}
.pin-fashion-post-list li a:hover.wp-block-latest-posts__post-title{color:#f25f43;}

.pin-fashion-post-list li a.wp-block-latest-posts__read-more{background-color:#f15f43; display:table; padding:10px 25px; margin-top:15px; border-radius: 250px; color:#FFF; text-decoration:none; text-transform:uppercase;}
.pin-fashion-post-list li .wp-block-latest-posts__featured-image{margin-right:4em;}
.pin-fashion-post-list li a:hover.wp-block-latest-posts__read-more{background-color:#282828;}

.pin-fashion-footer{padding: 0px !important; width: 100%; margin: 80px auto 0; display: table;}
.pin-fashion-copyright{max-width:100% !important;}

.pin-fashion-header .wp-block-cover, .pin-fashion-header .wp-block-cover-image, .pin-fashion-footer .wp-block-cover, .pin-fashion-footer .wp-block-cover-image, .pin-fashion-porduct-section, .pin-fashion-menu-section{align-items:inherit;}
.pin-fashion-footer-menu .wp-block-navigation ul li, .pin-fashion-footer-column .wp-block-navigation ul li {padding-left:20px; position:relative;}
.pin-fashion-footer-menu .wp-block-navigation ul li:before, .pin-fashion-footer-column .wp-block-navigation ul li:before{left:0px; top:50%; position:absolute; border-radius:100%; transform:translateY(-50%); content:"\f345"; font-family: 'Dashicons'; font-size:18px; font-weight:600; color:#d9d9d9;}

.pin-fashion-footer-menu .wp-block-navigation ul li:hover:before, .pin-fashion-footer-column .wp-block-navigation ul li:hover:before{color:#f25f43 !important;}

.pin-fashion-header .wp-block-navigation__submenu-container{min-width:215px !important; background:#5f1c00 !important;}
.pin-fashion-menu .wp-block-navigation__container{ z-index:9999;}
.pin-fashion-menu .wp-block-navigation__submenu-container li{padding:inherit;}
.pin-fashion-menu ol.has-background, .pin-fashion-menu ul.has-background {padding:0px !important;}
.pin-fashion-menu .wp-block-group {padding:0;}
.wc-block-mini-cart__button:hover {background:transparent;}
.wp-block-navigation ul li a:hover{text-decoration:none;}

.pin-fashion-menu {font-family:'Poppins', sans-serif;}
.pin-fashion-menu .wp-block-navigation ul li a:hover, .pin-fashion-menu .wp-block-navigation ul li.current-menu-item a{color:#f25f43;}
@media (min-width: 1025px) {
.pin-fashion-menu .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content:hover{color:#fb704f !important; background-color:transparent !important;}
}
.pin-fashion-lists .wp-block-image img{vertical-align:text-top !important;}

.pin-fashion-years-foundation{position:relative;}
.pin-fashion-foundation-circle{position:absolute; right:0; bottom:0; width:230px; height:230px;}
.pin-fashion-plus{position: relative; top: 30px; right: 65px; text-align: right;}
.pin-fashion-numtext{letter-spacing:-1px;}
.pin-fashion-numtext{letter-spacing: -1px; position: relative; top: -15px;}
.pin-fashion-yeartext{position: relative; top: -15px;}
.pin-fashion-yeartext{position: relative; top: -30px; line-height: 26px;}

.pin-fashion-footer a:hover{color:#f25f43 !important;}

.pin-fashion-menu .wp-block-navigation ul ul li.current-menu-item a{color:#f25f43;}
.pin-fashion-footer-menu .wp-block-navigation ul li a:hover, .pin-fashion-footer-menu .wp-block-navigation ul li.current-menu-item a, .pin-fashion-footer-column .wp-block-navigation ul li a:hover, .pin-fashion-footer-column .wp-block-navigation ul li.current-menu-item a{ color:#ffffff;}
.pin-fashion-footer-menu .wp-block-navigation-submenu ul, .pin-fashion-footer-menu .wp-block-navigation__submenu-icon, .pin-fashion-footer-column .wp-block-navigation-submenu ul, .pin-fashion-footer-column .wp-block-navigation__submenu-icon {display:none !important;}
.pin-fashion-menu .wp-block-navigation ul {border:none !important;}
.pin-fashion-menu .wp-block-navigation ul ul .wp-block-navigation__submenu-icon{position:absolute; right:-15px; background:none;}

.pin-fashion-menu ul li ul li a {padding:7px 15px !important; padding-right:50px !important;}
.pin-fashion-coffee-beans .wp-block-image{background:#5f1c00; width:170px; height:170px; border-radius:100%; align-items:center !important; display:flex !important; justify-content:center !important;}
.pin-fashion-coffee-beans h3 {width:50%; margin:0 auto;}
.pin-fashion-coffee-beans:hover .wp-block-image{background: #c28030;}
.pin-fashion-coffee-beans:hover h3{color:#c28030 !important;}
.pin-fashion-better-taste-box .wp-block-image{background:#fff; width:100px; height:100px; border-radius:100%; align-items:center !important; display:flex !important; justify-content:center !important; float:left;}
.pin-fashionduct-box .wc-block-components-product-image img {width:auto !important; margin:0 auto; display:table;}

.pin-fashion-menu-section::before {content:''; width:35%; height:100%; background:#c28030; position:absolute; left:0px; top:0; z-index:1;}
.pin-fashion-section .wp-block-columns{position: relative;
overflow: hidden;}
.pin-fashion-discount-box {width:230px !important; height:230px; position:absolute; right:-60px; bottom:-50px;}
.pin-fashion-section-box .wp-block-column {z-index:9;}
.pin-fashion-section .pin-fashion-section-box::before {content:''; width:99.5%; height:99%; border:solid 2px #bd9655; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); border-style: dashed;}
.pin-fashion-inner-banner{ position:relative; z-index:-1;}
.pin-fashion-banner .wp-block-image {width:100%; max-width:100%;}
.pin-fashion-banner {height:660px; overflow:hidden;}

.pin-fashion-header{ position:absolute !important; width:100%; z-index:2;}

.pin-fashion-banner {position:relative;}
.pin-fashion-banner img{ position:relative; z-index:999; width:100% !important;}
.pin-fashion-banner .wp-block-image {margin:0px;}
.pin-fashion-header-social {padding-top:0px;}
.pin-fashion-header-social .wp-block-social-links li svg {font-size:22px;}
.pin-fashion-header-social .wp-block-social-links li a {padding:8px;}
.pin-fashion-banner-content {position:absolute; left: 0; right: 0; top: 50%; z-index: 999; transform: translateY(-50%);}
.pin-fashion-image-box .wp-block-heading {font-family:'Poppins', sans-serif;}

.pin-fashion-business-social .wp-block-social-links li {padding:7px; margin:0px 5px;}
.pin-fashion-business-social .wp-block-social-links li a {font-size:18px;}
.pin-fashion-safe-box .wp-block-heading {font-family:'Poppins', sans-serif;}

.pin-fashion-post-section .wp-block-buttons {margin-bottom:-30px;}
.pin-fashion-team-section .wp-block-column .wp-block-heading{font-family: 'Poppins', sans-serif;}
.pin-fashion-team-section1-right .wp-block-social-links li a {padding:10px; font-size:20px;}
.pin-fashion-contact-section-left h4.wp-block-heading {font-family:'Poppins', sans-serif;}
.pin-fashion-home-contact input[type="text"], .pin-fashion-home-contact input[type="email"], .pin-fashion-home-contact input[type="tel"], .pin-fashion-home-contact textarea {margin:10px 0px; background:#f3f6f5; border:none; padding:25px 30px; font-size:17px; border-radius:10px; padding-left:40px;}

.pin-fashion-home-contact input[type="text"]::placeholder, .pin-fashion-home-contact input[type="email"]::placeholder, .pin-fashion-home-contact input[type="tel"]::placeholder, .pin-fashion-home-contact textarea::placeholder{color:#515151;}
.pin-fashion-home-contact input[type="submit"]{background-color: #282828; font-size: 17px; border-radius: 0px;}
.pin-fashion-home-contact textarea {height:240px; margin-bottom:30px;}
.pin-fashion-home-contact input[type="submit"]:hover{ background:#f3f6f5; color:#121212;}
.pin-fashion-home-contact {height:75%; position:relative; bottom:-25%; width:85%; margin:0 auto; float:right;}
.pin-fashion-home-contact img {position:relative; margin-top:-33.5%;}
.pin-fashion-footer h4.wp-block-heading {font-family: var(--wp--custom--pin--heading-font, 'Poppins', sans-serif);}
.pin-fashion-business-img img {width:100%;}
.pin-fashion-footer-column .wp-block-social-links li a {padding:12px; font-size:18px;}
.pin-fashion-page-outer{ position:relative;}
.pin-fashion-team-section2 h2 {font-family:'Poppins', sans-serif !important;}
.pin-fashion-archive-right li::marker, .pin-fashion-blog-single-left-area li::marker {color:#282828;}
.pin-fashion-blog-area .wp-block-post-template li:nth-last-child(1) .wp-block-columns, .pin-fashion-blog-left-side-area .wp-block-post-template li:nth-last-child(1) .wp-block-columns, .pin-fashion-blog-right-side-page .wp-block-post-template li:nth-last-child(1) .wp-block-columns, .pin-fashion-blog-no-sidebar .wp-block-post-template li:nth-last-child(1) .wp-block-columns {border:none; margin-bottom:0px; padding-bottom:0px !important;}
.pin-fashion-404 .wp-block-post-template li:nth-last-child(1) hr{ display:none !important;}
.pin-fashion-blog-area .wp-block-post-excerpin_fashion__more-text, .pin-fashion-blog-left-side-area .wp-block-post-excerpin_fashion__more-text, .pin-fashion-blog-right-side-page .wp-block-post-excerpin_fashion__more-text, .pin-fashion-blog-no-sidebar .wp-block-post-excerpin_fashion__more-text, .pin-fashion-archive-page .wp-block-post-excerpin_fashion__more-text, .pin-fashion-404 .wp-block-post-excerpin_fashion__more-text{padding-top:15px !important;}
.pin-fashion-pricing-box .wp-block-heading, .pin-fashion-counter-box .wp-block-heading{font-family:'Poppins', sans-serif !important;}
.pin-fashion-faq-tab .wp-block-details {border-radius:10px;}
.pin-fashion-landing-outer {position:relative;}
.pin-fashion-blog-single-right-area .has-foreground-background-color, .pin-fashion-blog-single-left-area .has-foreground-background-color{background-color: #F4F4F4 !important;}  

.pin-fashion-blog-content, .pin-fashion-blog-image{padding-bottom:30px;}

.pin-fashion-blog-content .wp-block-post-date{color:#000 !important;}
.pin-fashion-blog-content .taxonomy-category a{color:#000 !important;}
.pin-fashion-blog-content .taxonomy-category a:hover{color:#f25f43 !important;}
.pin-fashion-blog-content .wp-block-post-excerpt__excerpt{padding:0 0 20px 0;}

.pin-fashion-pricing-box h6.wp-block-heading sub {font-size:17px; position:relative; top:0px; font-weight: 400; left:5px;}

/* WooCommerce Product Gallery */
.woocommerce-product-gallery {
    display: flex;
    flex-direction: column;
    gap: 16px; /* Space between main image and thumbnails */
}

.woocommerce-product-gallery .flex-viewport {
    order: 1;
    width: 100%;
    overflow: hidden;
    border-radius: 8px;
}

.woocommerce-product-gallery .flex-control-thumbs {
    order: 2;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

.woocommerce-product-gallery .flex-control-thumbs li {
    margin: 0 !important;
    padding: 0;
    flex: 0 0 auto;
	width:18% !important;
}

.woocommerce-product-gallery .flex-control-thumbs img {
    display: block;
    width: 80px;
    height: 80px;
    object-fit: cover;
    cursor: pointer;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    transition: all 0.2s ease;
}

.woocommerce-product-gallery .flex-control-thumbs img:hover,
.woocommerce-product-gallery .flex-control-thumbs img.flex-active {
    border-color: #000;
}

.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span{min-width:2em;}
.woocommerce ul.products li.product .onsale, .woocommerce span.onsale{background-color:#f25f43;}
.woocommerce span.onsale{padding:2px 7px !important;}
.woocommerce div.product .product_title{ display: none;}
.entry-summary .price {padding -bottom:15px !important;}
.woocommerce div.product .quantity .qty {width:auto;}
.cart {padding-bottom:20px !important;}
.woocommerce div.product div.images img { width:auto !important; margin:0 auto;}
.woocommerce-tabs .tabs.wc-tabs {margin:0px !important; padding:0px !important;}
.woocommerce-tabs .tabs.wc-tabs:before{ border:none !important;}
.woocommerce-tabs .woocommerce-Tabs-panel {font-size:20px; padding:40px !important; background-color: #f6f6f6; border-radius:15px;}
.woocommerce div.product .woocommerce-tabs ul.tabs li{background:#222 !important; color:#fff !important; border-radius:15px !important; margin:0 3px 15px 0;}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{color:#fff; font-weight:400 !important;}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before{ display:none;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active, .woocommerce div.product .woocommerce-tabs ul.tabs li{ border:none !important; padding:5px 30px !important;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{ background:#f25f43 !important;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover{color:#fff !important;}
.related.products h2 {text-align:center;}
.related.products li .price, .products li .price{ text-align:center;}
.related.products .button, .products .button{display:table; margin:0 auto; border-radius: 50px;}
.related.products, .products{ text-align:center;}
.related.products li, .products li{float:none !important; display:inline-block; margin:0px !important; padding:35px 15px 0px !important; border-radius: 5px !important;}
.related.products li img, .products li img {width:auto !important; text-align:center; display:table !important; margin:0 auto !important; margin-bottom:20px !important;}
.woocommerce div.product .related.products {padding:40px !important; background-color:#f6f6f6; border-radius:15px;}
.qty.text {width:auto !important;}
.woocommerce-account .wp-block-post-title, .woocommerce-account main .woocommerce, .woocommerce-cart .wp-block-post-title, .woocommerce-cart main .woocommerce, .woocommerce-checkout .wp-block-post-title, .woocommerce-checkout main .woocommerce {max-width:100%;}
.woocommerce-product-gallery {align-items:center !important; display:flex !important; justify-content:center !important;}
.woocommerce-page .button {padding:10px 35px !important;}
.woocommerce-Price-amount bdi {font-weight:600;}
.select2-container--default .select2-selection--single, .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {border:1px solid #222; border-radius:0px;}

body.home .pin-fashion-menu li .wp-block-navigation__submenu-container li:nth-child(1) span:hover, body.home .pin-fashion-menu li .wp-block-navigation__submenu-container li span:hover, .pin-fashion-menu li .wp-block-navigation__submenu-container li span:hover {color:#ffffff;}
.pin-fashion-section10 .add_to_cart_button {border-radius:100px; background-color:#c28030; padding:12px 25px !important;}
.added_to_cart.wc-forward {display:block;}
.pin-fashion-menu li a.current-menu-ancestor {color:#606060 !important;}
.pin-fashion-landing-content {position:absolute; left:50%; top: 50%; transform:translate(-50%,-50%);}
.pin-fashion-business-social {padding-left:50px;}
.pin-fashion-menu .wp-block-navigation ul li ul li a, body.home .pin-fashion-menu li .wp-block-navigation__submenu-container li:nth-child(1) span, .pin-fashion-menu li .wp-block-navigation__submenu-container li:nth-child(1) span{ border:none !important;}
.pin-fashion-copyright-right a{color:#cccccc;}
.pin-fashion-copyright-right a:hover{color:#282828 !important;}

@media(max-width: 1440px){
.pin-fashion-section7-right .wp-block-image {position:relative; right:-114px;}
.pin-fashion-menu-section::before{ width:25%;}
.pin-fashion-team-section-box h2.wp-block-heading {font-size:18px !important; padding-bottom:10px !important;}
.pin-fashion-landing-content{ width:100% !important;}
.pin-fashion-banner {height:auto;}
}

@media(max-width: 1300px){
.pin-fashion-section7-right .wp-block-image{ right:-40px;}
}

@media(max-width: 1199px){
.pin-fashion-menu-section::before { display:none}
.pin-fashion-header-top-bar {padding:20px 15px !important;}
.pin-fashion-newletter-outer .wp-block-heading, .pin-fashion-newletter-outer p {max-width:85% !important;}
.pin-fashion-banner {padding:0px 15px;}
}

@media(min-width: 1024px) and (max-width: 1200px){
.woocommerce-page .button {padding:10px 25px !important;}
.related.products li, .products li{margin:10px !important;}
.pin-fashion-post-section h2.wp-block-heading, .pin-fashion-team-section h2.wp-block-heading{padding-right:270px !important; padding-left:270px !important}
.pin-fashion-safe-box {padding:35px 20px !important;}
.pin-fashion-offer-box {padding:30px 20px !important;}
.pin-fashion-pricing-box {padding:50px 30px !important;}
.pin-fashion-faq-section .wp-block-heading{padding:0px 30px 15px !important;}
.pin-fashion-contact-info-right {padding:50px !important;}
.pin-fashion-faq-list-box .wp-block-heading {padding-left:0px !important;}
.pin-fashion-contact-info-left h2.wp-block-heading {font-size:44px !important;}
.pin-fashion-team-circle-section .wp-block-image img{width:220px !important; height:220px !important; border-width:15px !important;}
.pin-fashion-testimonials-box {padding:25px 15px !important;}
}

@media(max-width: 1023px){
.pin-fashion-inner-banner h2.has-text-color, .pin-fashion-inner-banner h1.has-text-color{padding-top:0px !important;}
.pin-fashion-banner-content h1 {font-size:22px !important; padding:0px !important;}
.wp-block-image {margin:0px !important;}
.pin-fashion-header-top-bar-left {text-align:center; padding-bottom:25px;}
.pin-fashion-header-top-bar-left .wp-block-image {display:table; margin:0 auto !important; float:none !important; margin-bottom:10px !important; display:none;}
.pin-fashion-header-top-bar {padding-top:20px !important; padding-bottom:35px !important;}
.pin-fashion-section1 .wp-block-column {padding:0px 0px 10px;}
.header-layout1, .header-layout2, .header-layout3, .header-layout4 {padding:20px 0px !important;}
.header-layout3 .pin-fashion-menu, .header-layout4 .pin-fashion-menu{position:relative; right:0px; top:25px; padding:5px !important;}
.pin-fashion-404 .wp-block-search__inside-wrapper {width:100% !important;}
.pin-fashion-404 {padding:40px 15px !important;}
.pin-fashion-blog-area, .pin-fashion-blog-right-side, .pin-fashion-blog-left-side-page, .pin-fashion-blog-no-sidebar, .pin-fashion-archive-page {padding:40px 0px 40px !important;}
.pin-fashion-archive-page {padding:40px 15px !important;}
.pin-fashion-blog-content {padding-left:0px !important; padding-top:25px;}
.pin-fashion-blog-meta .wp-block-post-date, .pin-fashion-blog-meta .wp-block-post-author, .pin-fashion-blog-meta .wp-block-post-terms {width:100% !important; padding:0px !important;}
.pin-fashion-blog-left-side-area {padding-right:0px !important;}
.pin-fashion-blog-right-side-page{ padding-left:0px !important;}
.pin-fashion-contact-lay1, .pin-fashion-contact-lay2-box{padding:40px 15px !important;}
.pin-fashion-contact-lay1 .wp-block-group{ padding-right:0px !important;}
.pin-fashion-contact-lay1 .pin-fashion-contact-info{ padding-top:40px;}
.pin-fashion-contact-info-box {padding:30px !important;}
.pin-fashion-service-single-lay{padding:40px 0px 0px !important;}
.pin-fashion-service-menu {padding-right:0px !important; padding-bottom:40px;}
.pin-fashion-service-single-lay h2 {font-size:24px !important;}
.pin-fashion-team-section1 {padding:40px 0px 40px !important;}
.pin-fashion-team-section1-right{ padding-top:40px;}
.pin-fashion-team-section1 .wp-block-columns{ padding-bottom:40px !important;}
.pin-fashion-team-section2{ padding-top:0px !important; padding-bottom:0px !important; padding-right:0px !important; padding-left:0px !important;}
.pin-fashion-team-section-box {margin-bottom:30px !important; padding-right:0px !important;}
.pin-fashion-page-outer {padding:0px 15px !important;}
.pin-fashion-archive-left {padding-right:0px !important;}
.pin-fashion-inner-banner-title {font-size:26px !important; margin:0px !important;}
.pin-fashion-blog-single-area {padding:40px 15px !important;}
.pin-fashion-blog-single-right-area {padding-left:0px !important; padding-top:40px;}
.pin-fashion-section9 .wp-block-buttons {margin-top:30px !important;}
.pin-fashion-inner-banner .wp-block-cover {min-height:220px !important;}
.pin-fashion-404 h1{padding-bottom:30px !important; font-size:30px !important;}
.related.products li, .products li{width:100% !important; margin:0 auto !important;}
.pin-fashion-section5-menu-box .wp-block-column {text-align:center;}
.pin-fashion-section5-left::after{ display:none;}
.pin-fashion-section5-left, .pin-fashion-section5-right{ padding:0px !important;}
.pin-fashion-business-social .wp-block-social-links{display:inline-block; margin:0px;}
.pin-fashion-business-social .wp-block-social-links li {display:inline-block;}
.pin-fashion-blog-right-side-area {padding-top:40px;}
.pin-fashion-landing-content h4.wp-block-heading, .pin-fashion-landing-content p{ max-width:100% !important;}
.pin-fashion-testimonials .wp-block-columns {padding:60px 0px 30px !important;}
.pin-fashion-testimonials .wp-block-columns:nth-last-child(1) {padding-top:0px !important; padding-bottom:60px !important;}
.pin-fashion-testimonials {padding-top:0px !important;}
.pin-fashion-testimonials-box .wp-block-columns {padding:0px !important;}
.pin-fashion-call-action-outer {padding:50px 15px !important; margin:60px 0px !important;}
.pin-fashion-logo-outer {padding:60px 0px !important;}
.pin-fashion-logo-area .wp-block-column {padding:25px 0px !important;}
.pin-fashion-pricing-section .wp-block-heading {padding:0px !important; padding-bottom:30px !important;}
.pin-fashion-pricing-box .wp-block-heading {padding-bottom:15px !important;}
.pin-fashion-faq-section .wp-block-heading {padding:0px !important; padding-bottom:0px !important;}
.pin-fashion-counter-section .wp-block-heading {padding:0px !important; padding-bottom:35px !important;}
.pin-fashion-team-section .wp-block-heading, .pin-fashion-post-section .wp-block-heading {padding:0px !important; padding-bottom:30px !important;}
.pin-fashion-feature-list {padding:60px 0px 60px !important;}
.pin-fashion-feature-list-content{ padding-top:60px !important;}
.pin-fashion-team-section .wp-block-column h4.wp-block-heading {padding-top:20px !important; padding-bottom:0px !important;}
.pin-fashion-statement {padding:60px 15px !important;}
.pin-fashion-pricing-section {padding:60px 0px;}
.pin-fashion-faq-section {padding:60px 0px;}
.pin-fashion-counter-section {padding:60px 15px;}
.pin-fashion-404 .wp-block-column {padding:0px !important;}
.pin-fashion-404 .wp-block-column h2.has-text-color{padding-bottom:0px !important; padding-top:25px !important;}
.pin-fashion-contact-info-left, .pin-fashion-contact-info-right {margin:40px 0px !important;}
.pin-fashion-contact-info-right {padding:35px 25px !important;}
.pin-fashion-contact-box {padding:25px 0px !important;}
.pin-fashion-contact-info-right .pin-fashion-contact-box {padding:25px 0px !important;}
.pin-fashion-faq-section.pin-fashion-faq-list-section {padding:60px 0px !important;}
.pin-fashion-faq-list-box {max-width:90% !important; margin-top:20px !important; padding:30px 30px !important;}
.pin-fashion-faq-list-box h5.wp-block-heading{padding-bottom:10px !important;}
.pin-fashion-faq-list-box .wp-block-separator{ margin:15px 0px !important}
.pin-fashion-author-page {padding:40px 15px 0px !important; margin:40px 0px !important;}
.pin-fashion-team-circle-section .pin-fashion-header-social {width:100% !important; padding:0px;}
.pin-fashion-team-circle-section .wp-block-group:nth-last-child(1) .pin-fashion-header-social {padding-bottom: 0px !important;}
.pin-fashion-business-img {padding:0px 15px !important;}
.pin-fashion-business-social {padding-left:0px;}
.pin-fashion-header-social {width: auto; margin:0 auto; display:table;}
.pin-fashion-testimonials-box .wp-block-columns:nth-last-child(1) {padding-bottom:0px !important;}
.pin-fashion-copyright-left p, .pin-fashion-copyright-right p {text-align:center;}
.pin-fashion-counter-box h2.wp-block-heading {font-size:50px !important; padding-bottom:10px !important;}
.pin-fashion-post-section {padding:60px 0px !important;}
}

@media(min-width: 768px) and (max-width: 1023px){
.pin-fashion-header-top-bar {padding:20px 15px !important;}
.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column.pin-fashion-header-top-bar-left, .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column.pin-fashion-header-top-bar-logo, .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column.pin-fashion-header-top-bar-right {flex-basis:auto !important; width:33.33%; float:left; padding:0px !important;}

.pin-fashion-coffee-beans .wp-block-image{width:140px; height:140px;}
.pin-fashion-header-top-bar-right .wc-block-mini-cart.wp-block-woocommerce-mini-cart {padding:0px;}
.pin-fashion-banner-content .wp-block-heading {padding:0px !important; font-size:50px !important;}
.pin-fashion-contact-box .wp-block-image{ padding-bottom:15px;}
.pin-fashion-post-section h2.wp-block-heading, .pin-fashion-team-section h2.wp-block-heading{padding-right:0px !important; padding-left:0px !important; padding-bottom:35px !important;}
.pin-fashion-images-box-section .wp-block-column {padding:15px 0px;}
.pin-fashion-section2-right {padding-top:40px;}
.pin-fashion-offer-box {padding:30px 20px !important;}
.pin-fashion-logo {text-align:center !important;}
.pin-fashion-image-box .wp-block-image{margin-bottom:25px !important;}
.pin-fashion-images-box-section .wp-block-columns .wp-block-column {padding:15px 0px;}
.pin-fashion-images-box-section .wp-block-columns {padding:25px 0px !important;}
.pin-fashion-section2 .wp-block-columns {padding:40px 0px !important;}
.pin-fashion-section2-right {padding-top:40px !important;}
.pin-fashion-section3 {padding:40px 15px 0px !important;}
.pin-fashion-section3 .wp-block-columns {padding-bottom:20px 0px 40px !important;}
.pin-fashion-section3 .wp-block-columns:nth-last-child(1) {padding-bottom:40px !important;}
.pin-fashion-section4{ padding:0px !important;}
.pin-fashion-section4 .wp-block-columns {padding:40px 15px !important;}
.pin-fashion-post-section{ padding:20px 15px !important;}
.pin-fashion-safe-box {padding:30px !important;}
.pin-fashion-team-section {padding-top:40px !important; padding-bottom:0px !important;}
.pin-fashion-post-section h4 {font-size:22px !important;}
.pin-fashion-contact-section .wp-block-columns {padding:0px 0px !important;}
.pin-fashion-home-contact {padding-top:50px;}
.pin-fashion-footer .wp-block-columns{ padding:0px 0px 20px;}
.pin-fashion-footer {padding:0px 15px 0px !important;}
.pin-fashion-post-section .wp-block-post-date{padding-top: 20px !important;}
.pin-fashion-team-section .wp-block-column .wp-block-heading.has-text-align-center.has-primary-color.has-text-color {margin-bottom:0px !important; padding:0px !important; margin-top:20px;}
.pin-fashion-contact-box {padding-right:0px !important;}
.pin-fashion-contact-box .wp-block-image{ padding-bottom:15px;}
.pin-fashion-team-section .wp-block-group:nth-last-child(1) {padding-bottom:40px !important;}
.pin-fashion-team-section .wp-block-group:nth-last-child(1) .wp-block-columns {gap:15px !important;}
.pin-fashion-contact-section-left {padding-top:40px !important;}
.pin-fashion-menu .wp-block-navigation__container li {padding:0px 0px; padding-bottom:0px;}
.pin-fashion-blog-content-box {padding:30px 10px !important;}
.pin-fashion-blog-content-box h4{ font-size:20px !important}
.pin-fashion-blog-content-box .wp-block-post-date {padding-top:0px !important;}
.pin-fashion-banner {padding:0px 15px;}
.pin-fashion-pricing-section {padding:60px 0px !important;}
.pin-fashion-testimonials:nth-child(1) {padding-bottom:0px !important;}
.pin-fashion-home-contact {height:100%; bottom:0%; width:100%; padding-top:30px !important;}
.pin-fashion-post-section {padding:40px 15px 80px !important;}
.pin-fashion-post-section .wp-block-buttons {margin-top:20px !important;}
.pin-fashion-topbar{padding:8px 15px !important;}
.pin-fashion-topbar .wp-block-column-is-layout-flow{flex-basis: 80% !important;}
.pin-fashion-mail .wp-block-image{margin-right:15px !important;}
}

@media(min-width: 781px) and (max-width: 1023px){
.pin-fashion-menu .wp-container-4.wp-container-4 {gap:20px !important;}	
.pin-fashion-header-social .wp-container-7.wp-container-7 {gap:5px;}
.pin-fashion-banner {padding:0px 15px;}
.pin-fashion-section4 h2.has-text-color {font-size:36px !important;}
.pin-fashion-section2-right h2.has-text-color {padding-bottom:20px !important;}
.pin-fashion-team-section .wp-block-column h4.wp-block-heading{font-size:18px !important;}
.pin-fashion-contact-section-left h2.has-text-color {font-size:36px !important; padding-bottom:0px !important;}
.pin-fashion-section2-right {padding-top:0px !important;}
.pin-fashion-testimonials-box {padding:20px 15px !important;}
.pin-fashion-testimonials .wp-block-columns {gap:10px !important;}
.pin-fashion-testimonials-box .wp-block-columns:nth-last-child(1) {padding-bottom:0px !important;}
.pin-fashion-logo h1 {font-size:26px !important;}
.pin-fashion-author-page .pin-fashion-team-section1-right {padding-top:0px !important;}
.pin-fashion-team-circle-section .wp-block-image img{width:170px !important; height:170px !important; border-width:15px !important;}
.pin-fashion-menu{padding-top:5px;}
.pin-fashion-section1 {padding:15px!important;}
.pin-fashion-section1 .wp-block-column {padding:0 0 0px;}
.pin-fashion-home-contact {height:80%; bottom:-20%;}
.pin-fashion-section1 .wp-block-column-is-layout-flow:nth-of-type(3){flex-basis: 21% !important;} 
.pin-fashion-section1 .wp-block-column-is-layout-flow:nth-of-type(1){flex-basis: 16% !important;} 
.pin-fashion-menu{padding-top:12px !important;}
}

@media(min-width: 600px) and (max-width: 1023px){
.pin-fashion-section8-product-box ul li, .pin-fashion-section4-product-box ul li, .pin-fashion-section9 ul li {width:calc(50% - .9375em) !important;}
.pin-fashion-section-box {padding:80px 100px 200px !important;}
.pin-fashion-post-section .wp-block-post-template li {text-align:left;}
.pin-fashion-page-outer h2.wp-block-heading{font-size: 40px !important;}
}

@media(min-width: 1024px) and (max-width: 1440px){
.pin-fashion-blog-content h2 {font-size:24px !important;}
.pin-fashion-coffee-beans h3 {width:100%;}
.pin-fashion-section7-left .wp-block-group {padding:0px !important;}
.pin-fashion-section7-left .wp-block-columns {padding:0px !important;}
.pin-fashion-section7-left h2{ padding:0px !important;}
.pin-fashion-section1-left p {padding-top:0px !important;}
.pin-fashion-section7-left {padding:40px 15px 0px !important;}
.wp-block-group .pin-fashion-section7-testimonial-box {padding:20px 25px !important; margin-top: 30px !important;}
.wp-block-group .pin-fashion-section7-testimonial-box p{ font-size:16px !important; padding-bottom:10px !important;}
.pin-fashion-section-box{padding-right:30px !important; padding-left:30px !important;}
.pin-fashion-section8 h2{font-size: 46px !important;}
.pin-fashion-banner-content h1{font-size:50px !important;}
.pin-fashion-header-top-bar-left .wp-block-image {margin:0px !important;}
.pin-fashion-404 h3.has-text-color {font-size:80px !important;}
.pin-fashion-banner-content .wp-block-heading{padding:0px 200px !important;}
.pin-fashion-team-circle-section .wp-block-columns{gap:10px !important;}
}

@media(max-width: 767px){
.pin-fashion-image-box h4{padding-left:0px !important; padding-right:0px !important;}	
.pin-fashion-banner::before {display:none;}
.pin-fashion-banner {padding:0px 0px 0px !important;}
.pin-fashion-banner-content .wp-block-buttons{margin-top:10px !important;}
.pin-fashion-banner-content .wp-block-buttons .wp-element-button{ padding:8px 20px !important; margin-top:10px;}
.pin-fashion-logo {text-align:center !important;}
.pin-fashion-image-box .wp-block-image{margin-bottom:5px !important;}
.pin-fashion-images-box-section .wp-block-columns .wp-block-column {padding:15px 0px;}
.pin-fashion-images-box-section .wp-block-columns {padding:25px 0 0 0px !important;}
.pin-fashion-section2 .wp-block-columns {padding:0px !important;}
.pin-fashion-section2-right {padding-top:40px !important;}
.pin-fashion-section3 {padding:40px 15px 0px !important;}
.pin-fashion-section3 .wp-block-columns {padding-bottom:20px 0px 40px !important;}
.pin-fashion-section3 .wp-block-columns:nth-last-child(1) {padding-bottom:40px !important;}
.pin-fashion-section4{ padding:0px !important;}
.pin-fashion-section4 .wp-block-columns {padding:40px 15px !important;}
.pin-fashion-post-section{ padding:20px 15px !important;}
.pin-fashion-safe-box {padding:30px !important;}
.pin-fashion-team-section {padding-top:40px !important; padding-bottom:0px !important;}
.pin-fashion-offer-box {padding:40px 20px !important;}
.pin-fashion-post-section h4 {font-size:26px !important;}
.pin-fashion-contact-section .wp-block-columns {padding:40px 0px 0px !important;}
.pin-fashion-home-contact {padding-top:40px;}
.pin-fashion-footer .wp-block-columns{ padding:40px 0px 20px !important;}
.pin-fashion-footer {padding:20px 15px 0px !important;}
.pin-fashion-post-section .wp-block-post-date{padding-top: 20px !important;}
.pin-fashion-team-section .wp-block-column .wp-block-heading.has-text-align-center.has-primary-color.has-text-color {margin-bottom:0px !important; padding:0px !important; margin-top:20px;}
.pin-fashion-banner h2.has-text-color {padding:0px !important; font-size:26px !important; width:75%;}
.pin-fashion-contact-box {padding-right:0px !important;}
.pin-fashion-contact-box .wp-block-image{ padding-bottom:15px;}
.pin-fashion-team-section .wp-block-group:nth-last-child(1) {padding-bottom:40px !important;}
.pin-fashion-section1 {padding:15px 0px !important;}
.pin-fashion-contact-box {padding-top:0px !important;}
.pin-fashion-team-section-box h2.wp-block-heading {font-size:18px !important; padding-bottom:10px !important;}
.pin-fashion-banner img{ margin-top:0px;}
.pin-fashion-service-menu {padding:0px !important;}
.pin-fashion-service-content {padding-top:40px !important;}
.pin-fashion-landing-content{ width:100% !important;}
.pin-fashion-landing-content h4.wp-block-heading, .pin-fashion-landing-content p{font-size:30px !important; max-width:100% !important; margin-top:20px !important;}
.pin-fashion-landing-content p {font-size:18px !important; margin-top:0px !important;}
.pin-fashion-testimonials .wp-block-columns {padding:40px 0px !important;}
.pin-fashion-testimonials {padding-top:0px !important; padding-bottom:0px !important;}
.pin-fashion-testimonials-box .wp-block-columns {padding:0px !important;}
.pin-fashion-call-action-outer {padding:50px 15px !important; margin-top:40px !important;}
.pin-fashion-logo-outer {padding:40px 0px !important;}
.pin-fashion-logo-area .wp-block-column {padding:25px 0px !important;}
.pin-fashion-feature-list {padding:40px 0px 40px !important;}
.pin-fashion-feature-list-content{ padding-top:40px !important;}
.pin-fashion-statement {padding:40px 15px !important;}
.pin-fashion-pricing-section {padding:40px 0px;}
.pin-fashion-faq-section {padding:40px 0px;}
.pin-fashion-page-outer {padding:0px 15px !important;}
.pin-fashion-newletter-outer .wp-block-heading, .pin-fashion-newletter-outer p {max-width:100% !important;}
.pin-fashion-newletter-outer .wp-block-heading{ font-size:32px !important; line-height:normal !important;}
.pin-fashion-landing-outer {padding:40px 15px !important;}
.pin-fashion-inner-banner h2.has-text-color {font-size:26px !important; padding-bottom:0px !important;}
.pin-fashion-faq-section.pin-fashion-faq-list-section {padding:40px 0px !important;}
.pin-fashion-faq-list-box {max-width:100% !important; margin-top:20px !important; padding:30px 30px !important;}
.pin-fashion-faq-list-box h5.wp-block-heading{padding-bottom:10px !important;}
.pin-fashion-faq-list-box .wp-block-separator{ margin:15px 0px !important}
.pin-fashion-blog-content-box {padding:30px 10px !important;}
.pin-fashion-blog-content-box h4{ font-size:22px !important}
.pin-fashion-section2, .pin-fashion-section4, .pin-fashion-post-section, .pin-fashion-contact-section{text-align:center;}
.pin-fashion-section2 .wp-block-button{ display:table; margin:0 auto;}
.pin-fashion-pricing-section {padding:40px 0px !important;}
.pin-fashion-post-section {padding:40px 15px 80px !important;}
.pin-fashion-post-section .wp-block-buttons {margin-top:20px !important;}
.pin-fashion-home-contact {height:100%; bottom:0%; width:100%; padding-top:30px !important;}
.pin-fashion-home-contact img{ margin-top:0%;}
.pin-fashion-lists{padding:5px 0 !important;}
.pin-fashion-lists:last-of-type{margin-bottom:30px;}
.pin-fashion-lists figure{margin-right:15px !important;}
.pin-fashion-section2-right .wp-block-group.is-vertical{margin-bottom:30px;}
.pin-fashion-section3 .wp-block-image.alignright{margin-top:35px !important;}
.pin-fashion-section4 .wp-block-group.is-vertical{padding:0px !important;}
.pin-fashion-section4 h2{font-size:35px !important;}
.pin-fashion-section4 h4{padding-top:35px;}
.pin-fashion-section4 .wp-block-column-is-layout-flow{padding:0px !important;}
.entry-content{padding:20px 0;}
}

@media(min-width: 600px) and (max-width: 799px){
.pin-fashion-header .wp-block-navigation__submenu-container {right:-1px !important; left:auto !important;}
}

@media(max-width: 599px){
h2.has-text-color {font-size:30px !important; padding-bottom:20px !important;}
h3.has-text-color {font-size:20px !important;}
h4.has-text-color {font-size:20px !important;}
h5.has-text-color {font-size:18px !important;}
.pin-fashion-menu {position:relative; right:0px; top:0px;}
.pin-fashion-menu .wp-block-navigation ul{display: block !important; width: 100%; text-align: right; min-width:310px !important; padding-left:0px !important;}
.wp-block-navigation__submenu-container li {padding-right:0px !important;}
.pin-fashion-menu .wp-block-navigation ul li{display:block !important; margin-bottom:0px;padding:5px 0px; padding-right:25px;}
.pin-fashion-menu .wp-block-navigation__submenu-container {padding-right:0px !important;}
.pin-fashion-menu .wp-block-navigation ul li a{ line-height:normal !important;}
.pin-fashion-menu .wp-block-navigation__submenu-container li a{ text-align:right; display:inherit !important;}
.pin-fashion-menu .wp-block-navigation__submenu-container{ padding-top:20px !important;}
.pin-fashion-menu .wp-block-navigation__submenu-container li {border:none !important;}
.pin-fashion-menu .wp-block-navigation__responsive-container-open:hover {background:none;}
.pin-fashion-menu .wp-block-navigation__responsive-container-open svg{width:35px; height:35px;}
.pin-fashion-menu .wp-block-navigation.items-justified-right{ padding-top:0px;}
.pin-fashion-menu .current-menu-item a, .pin-fashion-menu li a:hover {color:#edf1f0 !important; background:none !important;}
.pin-fashion-menu .is-layout-constrained {padding:5px !important;}
.pin-fashion-banner h2 {padding:0px !important;}
.pin-fashion-images-box-section {padding:0px;}
.pin-fashion-testimonials-box {padding:40px 30px !important;}
.pin-fashion-counter-section {padding:40px 15px;}
.pin-fashion-menu .wp-block-navigation__responsive-container-content .current-menu-item a, .pin-fashion-menu .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container li a:hover, .pin-fashion-menu .wp-block-navigation__responsive-container-content .wp-block-navigation .wp-block-navigation-item__label:hover, .pin-fashion-menu .wp-block-navigation__responsive-container-content a.wp-block-navigation-item__content:hover {color:#606060 !important;}
.pin-fashion-menu .wp-block-navigation__responsive-container button {padding-right:20px !important;}
.pin-fashion-menu .wp-block-navigation__responsive-dialog{margin-top:15px !important;}
.pin-fashion-blog-single-left-area h2.has-text-color {padding-bottom:0px !important;}
.pin-fashion-pricing-box {padding:20px !important;}
.pin-fashion-list-sec{padding:20px 0px !important;}
.pin-fashion-list-sec .wp-block-columns {padding:20px 0px !important;}
.pin-fashion-contact-info-right {padding:0px 30px !important;}
.pin-fashion-menu .wp-block-navigation ul li a {border:none !important;}
.wp-block-navigation .wp-block-navigation-item ul li a:hover, .wp-block-navigation .wp-block-navigation-item ul li.current-menu-item a, .wp-block-navigation .wp-block-navigation-item ul li a:hover span, body.home .pin-fashion-menu li .wp-block-navigation__submenu-container li:nth-child(1):hover span{background:none !important;}

.wp-block-navigation .wp-block-navigation-item ul li a:hover, .wp-block-navigation .wp-block-navigation-item ul li.current-menu-item a, .wp-block-navigation .wp-block-navigation-item ul li a:hover span, body.home .pin-fashion-menu li .wp-block-navigation__submenu-container li:nth-child(1):hover span, .wp-block-navigation .wp-block-navigation-item ul li a:hover span, body.home .pin-fashion-menu li .wp-block-navigation__submenu-container li:nth-child(1):hover span {color:#1b1b1b !important;}

header .wp-block-social-links{display:table !important; margin:10px auto 0 auto!important; text-align:center;}
.pin-fashion-mail{justify-content: center !important;}
.pin-fashion-mail .wp-block-image{margin-right:15px !important;}
.pin-fashion-btn-primary a, .pin-fashion-btn-primary .wp-block-button__link{padding: 10px 20px !important; font-size: 13px !important;}
}
/* ==========================================================================
   Pin Fashion — Fashion e-commerce design styles
   ========================================================================== */

/* Header ------------------------------------------------------------------ */
.pin-fashion-announcement a { text-decoration: none; }
.pin-fashion-announcement .wp-block-social-links { margin: 0 !important; display: inline-flex !important; }
.pin-fashion-logo a { text-decoration: none; }
.pin-fashion-menu .wp-block-navigation-item a { text-decoration: none; transition: color .25s ease; }
/* Hover + current page get the same treatment */
.pin-fashion-menu .wp-block-navigation-item a:hover,
.pin-fashion-menu .wp-block-navigation-item a[aria-current="page"],
.pin-fashion-menu .wp-block-navigation-item.current-menu-item a {
	color: #f25f43;
}
.pin-fashion-header-icons .pin-fashion-icon img { transition: transform .25s ease, opacity .25s ease; }
.pin-fashion-header-icons .pin-fashion-icon:hover img { transform: translateY(-2px); opacity: .7; }


/* ---- Header icon group ---- */
.pin-fashion-header-icons {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 22px;
}

/* ---- Search block (icon + expandable field) ---- */
.pin-fashion-header-icons .wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden{overflow:visible !important;}
.pin-fashion-header-icons .wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden .wp-block-search__inside-wrapper{overflow:visible !important;}


.pin-fashion-search .wp-block-search__button {
	background: none !important;
	border: none;
	padding: 0;
	color: inherit;
	cursor: pointer;
	background-color:transparent !important;
}
.pin-fashion-search .wp-block-search__button svg {
	width: 33px;
	height: 33px;
	fill: currentColor;
}

.pin-fashion-search .wp-block-search__inside-wrapper {
	position: relative;
}
.pin-fashion-search.wp-block-search__button-only .wp-block-search__input {
	position: absolute;
	top: calc(100% + 14px);
	right: 0;
	left: auto;
	width: 280px;
	max-width: 80vw;
	padding: 10px 12px;
	background: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	box-shadow: 0 6px 24px rgba(0, 0, 0, 0.12);
	z-index: 999;
}

/* ---- WooCommerce account icon ---- */
.pin-fashion-account a {
	display: inline-flex;
	color: inherit;
	padding:0px;
}
.pin-fashion-account svg {
	width: 33px;
	height: 33px;
}

/* ---- WooCommerce mini cart icon + count badge ---- */
.pin-fashion-cart .wc-block-mini-cart__button {
	padding: 0;
	color: inherit;
}
.pin-fashion-cart .wc-block-mini-cart__icon {
	width: 33px;
	height: 33px;
}
.pin-fashion-cart .wc-block-mini-cart__badge {
	background: #000 !important;
	color: #fff !important;
}

/* Hero -------------------------------------------------------------------- */
.pin-fashion-hero .pin-fashion-hero-title { line-height: 1.08; }
.pin-fashion-btn-primary a, .pin-fashion-btn-primary .wp-block-button__link {
  text-transform: uppercase; letter-spacing: 1.5px; font-weight: 600;
  transition: transform .25s ease, opacity .25s ease, background-color .25s ease;
}
.pin-fashion-btn-primary .wp-block-button__link:hover {opacity: .92; }
.pin-fashion-btn-outline .wp-block-button__link {
  text-transform: uppercase; letter-spacing: 1.5px; font-weight: 600;
  border: 1px solid #ffffff; transition: background-color .25s ease, color .25s ease;
}
.pin-fashion-btn-outline .wp-block-button__link:hover { background-color: #ffffff !important; color: #121212 !important; }
.pin-fashion-btn-outline-dark .wp-block-button__link {
  text-transform: uppercase; letter-spacing: 1.5px; font-weight: 600;
  border: 1px solid #121212; color: #121212; transition: background-color .25s ease, color .25s ease;
}
.pin-fashion-btn-outline-dark .wp-block-button__link:hover { background-color: #121212 !important; color: #ffffff !important; }

/* Feature bar ------------------------------------------------------------- */
.pin-fashion-features { border-bottom: 1px solid var(--wp--preset--color--foreground, #ececec); }
.pin-fashion-feature-item { transition: transform .25s ease; }
.pin-fashion-feature-item:hover { transform: translateY(-3px); }
.pin-fashion-feature-icon img { width: 60px; height: 60px; object-fit: contain; }
.pin-fashion-feature-item .wp-block-heading{max-width:130px;}


/* Products ---------------------------------------------------------------- */
.pin-fashion-product { transition: transform .25s ease; }
.pin-fashion-product:hover { transform: translateY(-5px); }
.pin-fashion-product-img { overflow: hidden; border-radius: 6px; }
.pin-fashion-product-img img { width: 100%; object-fit: cover; transition: transform .6s ease; }
.pin-fashion-product:hover .pin-fashion-product-img img { transform: scale(1.06); }
.pin-fashion-product-cat { text-transform: uppercase; letter-spacing: 1px; }
.pin-fashion-product .wp-block-button__link {
  text-transform: uppercase; letter-spacing: 1px; font-weight: 600;
  transition: background-color .25s ease, color .25s ease;
}
.pin-fashion-product .wp-block-button__link:hover { opacity: .90; }

/* Footer ------------------------------------------------------------------ */
.pin-fashion-footer-list { list-style: none; padding-left: 0; }
.pin-fashion-footer-list a { text-decoration: none; transition: color .25s ease; }
.pin-fashion-footer-list a:hover { color: #f25f43 !important;}
.pin-fashion-social .wp-block-social-link { transition: transform .25s ease; }
.pin-fashion-social .wp-block-social-link:hover { transform: translateY(-3px); }
.pin-fashion-footer-cpr a { text-decoration: none; }

/* Responsive -------------------------------------------------------------- */
@media (max-width: 781px) {
  .pin-fashion-hero .pin-fashion-hero-title { font-size: 40px !important; }
  .pin-fashion-discover .wp-block-columns,
  .pin-fashion-discover-alt .wp-block-columns { flex-wrap: wrap !important; }
  .pin-fashion-products .wp-block-columns,
  .pin-fashion-categories .wp-block-columns,
  .pin-fashion-values .wp-block-columns,
  .pin-fashion-reviews .wp-block-columns,
  .pin-fashion-blog .wp-block-columns,
  .pin-fashion-offices .wp-block-columns,
  .pin-fashion-footer .wp-block-columns { flex-wrap: wrap !important; gap: 24px; }
  .pin-fashion-subscribe { flex-wrap: wrap !important; }
}


/* =====================================================================
   PIN FASHION — Header dropdown (sub-menu) alignment + responsiveness
   ---------------------------------------------------------------------
   Opens the first-level dropdown from the bottom edge of the header
   (where the dark hero section begins) and keeps it fully responsive.
   Keep this block LAST so it wins the cascade.
   ===================================================================== */

/* ---------- DESKTOP: drop first-level menu to the header bottom ------ */
@media (min-width: 600px) {
  .pin-fashion-menu { --pin-drop: 30px; }

  .pin-fashion-menu .wp-block-navigation__container > .wp-block-navigation-item {
    position: relative;
  }

  .pin-fashion-menu
  .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation__submenu-container {
    top: calc(100% + var(--pin-drop)) !important;
    left: 0 !important;
    right: auto !important;
    margin: 0 !important;
    min-width: 220px !important;
    border: none !important;
    background: #ffffff !important;
  }

  /* transparent bridge over the gap → dropdown won't close mid-travel */
  .pin-fashion-menu
  .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation__submenu-container::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: calc(-1 * var(--pin-drop));
    height: var(--pin-drop);
  }

  /* keep the last menu items' dropdowns from spilling off-screen */
  .pin-fashion-menu
  .wp-block-navigation__container > .wp-block-navigation-item:nth-last-child(-n+2) > .wp-block-navigation__submenu-container {
    left: auto !important;
    right: 0 !important;
  }

  /* nested (3rd-level) submenus open to the side, not dropped down */
  .pin-fashion-menu .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
    top: 0 !important;
    left: 100% !important;
    right: auto !important;
  }
}

/* ---------- Dropdown item look (keeps your white + orange) ----------- */
.pin-fashion-menu .wp-block-navigation__submenu-container li {
  padding: 0 !important;
  margin: 0 !important;
}
.pin-fashion-menu .wp-block-navigation__submenu-container li a {
  display: block;
  padding: 8px 22px !important;
  white-space: nowrap;
  text-decoration: none;
  transition: background-color .2s ease, color .2s ease;
}
.pin-fashion-menu .wp-block-navigation__submenu-container li a:hover,
.pin-fashion-menu .wp-block-navigation__submenu-container li.current-menu-item a {
  background-color: #f25f43 !important;
  color: #ffffff !important;
}

/* ---------- MOBILE: stack neatly inside the hamburger overlay -------- */
@media (max-width: 599px) {
  .pin-fashion-menu .wp-block-navigation__submenu-container {
    position: static !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
  }
  .pin-fashion-menu .wp-block-navigation__submenu-container::before {
    display: none !important;
  }
  .pin-fashion-menu .wp-block-navigation__submenu-container li a {
    padding: 8px 0 !important;
  }
  .pin-fashion-feature-item .wp-block-heading{
	  max-width:inherit !important;
  }
}

/* Reset positioning whenever the responsive hamburger overlay is open */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container {
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  box-shadow: none !important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container::before {
  display: none !important;
}
/* =====================================================================
   PIN FASHION — v1.1 fixes: WooCommerce, banner, mobile nav & patterns
   ---------------------------------------------------------------------
   Appended LAST so these rules win the cascade. Covers:
   1. Inner banner (dark, 300px) on WooCommerce & inner pages
   2. Mobile navigation overlay (was rendering white/invisible)
   3. Front-page pattern responsiveness & alignment
   4. WooCommerce Shop / Product / Cart / Checkout / My Account
   ===================================================================== */

/* ---------------------------------------------------------------------
   1. INNER BANNER — guarantee dark background + height everywhere
   ------------------------------------------------------------------- */
.pin-fashion-inner-banner .wp-block-cover {
	min-height: 300px !important;
	background-color: #282828 !important;
	align-items: center;
	justify-content: center;
}
.pin-fashion-inner-banner .wp-block-cover__inner-container { width: 100%; }
.pin-fashion-inner-banner .pin-fashion-inner-banner-title {
	color: #ffffff !important; margin: 0 !important; padding: 0 15px !important;
}

/* ---------------------------------------------------------------------
   2. MOBILE NAVIGATION OVERLAY — fix "fully white" toggled menu
   ------------------------------------------------------------------- */
/* The open overlay: solid white panel, dark readable links */
.pin-fashion-menu .wp-block-navigation__responsive-container.is-menu-open,
.wp-block-navigation__responsive-container.is-menu-open {
	background-color: #ffffff !important;
	padding: 70px 30px 40px !important;
}
.pin-fashion-menu .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
	width: 100%;
}
/* Force all overlay menu links to be visible (overrides old #edf1f0 rules) */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item a,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container a,
.wp-block-navigation__responsive-container.is-menu-open a.wp-block-navigation-item__content {
	color: #1b1b1b !important;
	background: transparent !important;
	text-align: left !important;
	display: block;
	line-height: 1.5 !important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item a:hover,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.current-menu-item > a,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container a:hover {
	color: #f25f43 !important;
	background: transparent !important;
}
/* Open / close (hamburger + X) button icons must be dark & visible */
.pin-fashion-menu .wp-block-navigation__responsive-container-open,
.pin-fashion-menu .wp-block-navigation__responsive-container-close,
.wp-block-navigation__responsive-container-open svg,
.wp-block-navigation__responsive-container-close svg {
	color: #121212 !important; fill: #121212 !important; background: transparent !important;
}
.wp-block-navigation__responsive-container-close { top: 24px; right: 22px; }
/* Submenus inside the overlay: stack, no dark background */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container {
	background: transparent !important; border: none !important; box-shadow: none !important;
	opacity: 1 !important; visibility: visible !important; position: static !important;
	width: 100% !important; min-width: 0 !important; padding-left: 14px !important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container::before { display: none !important; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-icon { fill: #1b1b1b !important; }

/* ---------------------------------------------------------------------
   3. FRONT-PAGE PATTERNS — alignment + responsiveness
   ------------------------------------------------------------------- */
/* Tablet: tame the very large desktop column gaps */
@media (max-width: 1200px) {
	.pin-fashion-discover .wp-block-columns { gap: 50px !important; }
	.pin-fashion-discover-alt .wp-block-columns { gap: 50px !important; }
}

/* Tablet & below: stack the two-up "discover" rows cleanly */
@media (max-width: 991px) {
	.pin-fashion-discover .wp-block-columns,
	.pin-fashion-discover-alt .wp-block-columns {
		flex-wrap: wrap !important; gap: 30px !important;
	}
	.pin-fashion-discover .wp-block-column,
	.pin-fashion-discover-alt .wp-block-column {
		flex-basis: 100% !important; width: 100% !important; padding-bottom: 0 !important;
	}
	/* Remove the desktop negative overlap on the second image when stacked */
	.pin-fashion-discover-alt .pin-fashion-discover-img { margin-top: 0 !important; }
	.pin-fashion-discover-img img { width: 100%; }
	.pin-fashion-discover h2, .pin-fashion-discover-alt h2 { font-size: 34px !important; }

	/* Feature bar: 2 per row on tablet */
	.pin-fashion-features .wp-block-columns { flex-wrap: wrap !important; gap: 30px !important; }
	.pin-fashion-features .wp-block-column { flex-basis: calc(50% - 15px) !important; width: calc(50% - 15px) !important; }

	/* Product grid: 2 per row on tablet */
	.pin-fashion-products .wp-block-columns { flex-wrap: wrap !important; gap: 26px !important; }
	.pin-fashion-products .wp-block-column { flex-basis: calc(50% - 13px) !important; width: calc(50% - 13px) !important; }
	.pin-fashion-products h2 { font-size: 34px !important; }

	/* Footer: 2 per row on tablet */
	.pin-fashion-footer .wp-block-columns { flex-wrap: wrap !important; gap: 30px 45px !important; }
	.pin-fashion-footer .wp-block-columns > .wp-block-column { flex-basis: calc(50% - 23px) !important; width: calc(50% - 23px) !important; }
	.pin-fashion-footer .wp-block-columns > .wp-block-column:first-child { flex-basis: 100% !important; width: 100% !important; }
	.pin-fashion-footer .wp-block-group.pin-fashion-footer > .wp-block-columns { padding: 50px 30px !important; }
}

/* Hero: scale down type & height on smaller screens */
@media (max-width: 991px) {
	.pin-fashion-hero { min-height: 460px !important; }
	.pin-fashion-hero .pin-fashion-hero-title { font-size: 46px !important; margin-bottom: 30px !important; }
}

/* Phone: single column everything */
@media (max-width: 600px) {
	.pin-fashion-features .wp-block-column,
	.pin-fashion-products .wp-block-column,
	.pin-fashion-footer .wp-block-columns > .wp-block-column {
		flex-basis: 100% !important; width: 100% !important;
	}
	.pin-fashion-features .pin-fashion-feature-item { justify-content: flex-start; }
	.pin-fashion-hero { min-height: 320px !important; text-align: left; }
	.pin-fashion-hero .pin-fashion-hero-title { font-size: 26px !important; }
	.pin-fashion-discover h2, .pin-fashion-discover-alt h2,
	.pin-fashion-products h2 { font-size: 28px !important; }
	.pin-fashion-footer .wp-block-group.pin-fashion-footer > .wp-block-columns { padding: 40px 22px !important; }
}

/* ---------------------------------------------------------------------
   4. WOOCOMMERCE PAGES — layout, grid, cart, checkout, account
   ------------------------------------------------------------------- */
.pin-fashion-woo-wrap { width: 100%; }
.pin-fashion-woo-wrap .woocommerce { max-width: 100%; }
.woocommerce-account .wp-block-post-title,
.woocommerce-cart .wp-block-post-title,
.woocommerce-checkout .wp-block-post-title { max-width: 100%; }

/* Title is shown in the dark banner → hide the classic in-content archive title */
.pin-fashion-woo-archive .woocommerce-products-header__title.page-title,
.pin-fashion-woo-taxonomy .woocommerce-products-header__title.page-title { display: none; }
.pin-fashion-woo-archive .term-description,
.pin-fashion-woo-taxonomy .term-description {
	max-width: 760px; margin: 0 auto 35px; text-align: center; color: #515151; font-size: 17px; line-height: 1.7;
}

/* Single breadcrumb (classic template renders it once) */
.pin-fashion-woo-wrap .woocommerce-breadcrumb {
	margin: 0 0 30px; font-size: 15px; color: #777; text-align: center;
}
.pin-fashion-woo-wrap .woocommerce-breadcrumb a { color: #777; text-decoration: none; }
.pin-fashion-woo-wrap .woocommerce-breadcrumb a:hover { color: #f25f43; }

/* Shop toolbar */
.pin-fashion-woo-archive .woocommerce-result-count,
.pin-fashion-woo-taxonomy .woocommerce-result-count { float: none; margin: 0; font-size: 15px; color: #515151; line-height: 46px; }
.pin-fashion-woo-archive .woocommerce-ordering,
.pin-fashion-woo-taxonomy .woocommerce-ordering { float: none; margin: 0; display: inline-block; }
.pin-fashion-woo-archive .woocommerce-ordering select,
.pin-fashion-woo-taxonomy .woocommerce-ordering select { width: auto; min-width: 220px; padding: 10px 14px; border: 1px solid #222; border-radius: 0; background: #fff; }
.pin-fashion-woo-archive::after, .pin-fashion-woo-taxonomy::after { content: ""; display: table; clear: both; }

/* Responsive product grid (Shop / Category / Tag / Search) */
.pin-fashion-woo-archive ul.products:before,
.pin-fashion-woo-taxonomy ul.products:before{
	content:inherit;
	display:inherit;
}

.pin-fashion-woo-archive ul.products,
.pin-fashion-woo-taxonomy ul.products {
	display: flex !important; flex-wrap: wrap; justify-content: flex-start;
	gap: 26px; margin: 30px 0 40px !important; padding: 0 !important; list-style: none !important;
}
.pin-fashion-woo-archive ul.products li.product,
.pin-fashion-woo-taxonomy ul.products li.product {
	width: calc(25% - 19.5px) !important; margin: 0 !important; padding: 20px 15px 25px !important;
	float: none !important; display: flex !important; flex-direction: column; text-align: center;
	background: #f8f8f8; border-radius: 8px; transition: transform .25s ease, box-shadow .25s ease;
}
.pin-fashion-woo-archive ul.products li.product:hover,
.pin-fashion-woo-taxonomy ul.products li.product:hover { transform: translateY(-4px); box-shadow: 0 12px 30px rgba(0,0,0,.08); }
.pin-fashion-woo-archive ul.products li.product img,
.pin-fashion-woo-taxonomy ul.products li.product img { width: auto !important; max-height: 320px; object-fit: contain; margin: 0 auto 18px !important; }
.pin-fashion-woo-archive ul.products li.product .woocommerce-loop-product__title,
.pin-fashion-woo-taxonomy ul.products li.product .woocommerce-loop-product__title { font-size: 18px; padding: 0 0 8px; font-family: 'Poppins', sans-serif; }
.pin-fashion-woo-archive ul.products li.product .price,
.pin-fashion-woo-taxonomy ul.products li.product .price { margin-bottom: 15px; }
.pin-fashion-woo-archive ul.products li.product .button,
.pin-fashion-woo-taxonomy ul.products li.product .button { margin-top: auto; display: inline-block; }

.pin-fashion-woo-wrap .woocommerce-info,
.pin-fashion-woo-wrap .woocommerce-message,
.pin-fashion-woo-wrap .woocommerce-error { border-top-color: #f25f43; }

/* Cart & Checkout (block + classic) */
.pin-fashion-woo-cart .wc-block-cart,
.pin-fashion-woo-checkout .wc-block-checkout,
.pin-fashion-woo-cart .woocommerce,
.pin-fashion-woo-checkout .woocommerce { width: 100%; }
.pin-fashion-woo-cart table.shop_table,
.pin-fashion-woo-checkout table.shop_table { border-radius: 6px; overflow: hidden; }
.pin-fashion-woo-checkout #order_review,
.pin-fashion-woo-checkout .woocommerce-checkout-review-order { background: #f8f8f8; padding: 25px; border-radius: 8px; }
.pin-fashion-woo-cart .cart-collaterals .cart_totals { background: #f8f8f8; padding: 25px; border-radius: 8px; }

/* My Account */
.woocommerce-account .woocommerce { display: flex; flex-wrap: wrap; gap: 40px; }
.woocommerce-account .woocommerce-MyAccount-navigation { float: none; width: 24%; }
.woocommerce-account .woocommerce-MyAccount-content { float: none; width: calc(72% - 40px); }
.woocommerce-account .woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: 0; }
.woocommerce-account .woocommerce-MyAccount-navigation ul li { border-bottom: 1px solid #ececec; padding: 0; }
.woocommerce-account .woocommerce-MyAccount-navigation ul li a { display: block; padding: 14px 6px; text-decoration: none; color: #282828; font-weight: 500; }
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover { color: #f25f43; }

/* WooCommerce responsive breakpoints */
@media (max-width: 1200px) {
	.pin-fashion-woo-archive ul.products li.product,
	.pin-fashion-woo-taxonomy ul.products li.product { width: calc(33.333% - 17.4px) !important; }
}
@media (max-width: 1023px) {
	.pin-fashion-woo-single, .pin-fashion-woo-archive,
	.pin-fashion-woo-taxonomy, .pin-fashion-woo-cart, .pin-fashion-woo-checkout { padding-top: 45px !important; padding-bottom: 55px !important; }
	.pin-fashion-woo-archive ul.products li.product,
	.pin-fashion-woo-taxonomy ul.products li.product { width: calc(50% - 13px) !important; }
	.woocommerce-account .woocommerce { flex-direction: column; gap: 30px; }
	.woocommerce-account .woocommerce-MyAccount-navigation,
	.woocommerce-account .woocommerce-MyAccount-content { width: 100%; }
}
@media (max-width: 767px) {
	.pin-fashion-woo-archive .woocommerce-result-count,
	.pin-fashion-woo-taxonomy .woocommerce-result-count { line-height: 1.6; text-align: center; display: block; margin-bottom: 12px; }
	.pin-fashion-woo-archive .woocommerce-ordering,
	.pin-fashion-woo-taxonomy .woocommerce-ordering { display: block; text-align: center; }
	.pin-fashion-woo-archive .woocommerce-ordering select,
	.pin-fashion-woo-taxonomy .woocommerce-ordering select { width: 100%; }
	.pin-fashion-woo-single .woocommerce div.product div.images,
	.pin-fashion-woo-single .woocommerce div.product div.summary { width: 100% !important; float: none !important; margin-bottom: 25px; }
}
@media (max-width: 575px) {
	.pin-fashion-woo-archive ul.products li.product,
	.pin-fashion-woo-taxonomy ul.products li.product { width: 100% !important; }
	.pin-fashion-woo-cart .cart-collaterals .cart_totals,
	.pin-fashion-woo-checkout #order_review { padding: 18px; }
}

/* =====================================================================
   PIN FASHION — v1.2 fix: WORKING mobile + iPad toggle menu & header
   ---------------------------------------------------------------------
   Root cause: the header <!-- wp:navigation --> block has no
   "overlayMenu" set, so WordPress uses the default "mobile" mode whose
   hamburger only appears below 600px. On iPad (768-1024px) the full
   inline menu was shown instead — overflowing the 56% middle column.

   This block extends the hamburger toggle up to 1024px (iPad + phones)
   while keeping the horizontal menu on desktop (>=1025px), and lays the
   header row out cleanly at those widths. Kept LAST so it wins.
   ===================================================================== */

/* ---- 1. HEADER ROW: single clean row on tablet & mobile ------------- */
@media (max-width: 1024px) {
  .pin-fashion-header-main .wp-block-columns {
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 10px !important;
  }
  .pin-fashion-header-main .wp-block-columns > .wp-block-column {
    flex: 0 0 auto !important;
    width: auto !important;
    padding: 0 !important;
  }
  /* Logo grows and pushes the menu + icons to the right */
  .pin-fashion-header-main .wp-block-columns > .wp-block-column:first-child {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    order: 1;
    text-align: left !important;
  }
  .pin-fashion-header-main .pin-fashion-logo { justify-content: flex-start !important; }
  /* WooCommerce / search icons */
  .pin-fashion-header-main .wp-block-columns > .wp-block-column:last-child { order: 2; }
  /* Navigation (hamburger) sits at the far right */
  .pin-fashion-header-main .wp-block-columns > .wp-block-column:nth-child(2) { order: 3; }
  .pin-fashion-header-main .pin-fashion-menu { justify-content: flex-end !important; }
}

/* ---- 2. SHOW THE HAMBURGER TOGGLE up to 1024px --------------------- */
@media (max-width: 1024px) {
  /* Reveal the open (hamburger) button — overrides core's 600px rule */
  .pin-fashion-menu.wp-block-navigation .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding: 4px !important;
    background: transparent !important;
    color: #121212 !important;
  }
  .pin-fashion-menu .wp-block-navigation__responsive-container-open svg {
    width: 34px;
    height: 34px;
    fill: currentColor;
  }
  /* Hide the inline menu until the overlay is opened */
  .pin-fashion-menu.wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open):not(.hidden-by-default) {
    display: none !important;
  }
}

/* ---- 3. OPENED OVERLAY: full-screen dialog that stacks cleanly ------ */
@media (max-width: 1024px) {
  .pin-fashion-menu .wp-block-navigation__responsive-container.is-menu-open {
    display: flex !important;
    position: fixed !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 100000 !important;
    background-color: #ffffff !important;
    padding: 72px 30px 40px !important;
    overflow-y: auto !important;
  }
  .pin-fashion-menu .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation__responsive-container-content {
    width: 100% !important;
  }
  /* Stack top-level items vertically */
  .pin-fashion-menu .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation__container {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 2px !important;
    width: 100% !important;
  }
  .pin-fashion-menu .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation-item {
    width: 100% !important;
  }
  .pin-fashion-menu .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation-item__content {
    padding: 10px 0 !important;
    font-size: 18px !important;
  }
  /* Close (X) button */
  .pin-fashion-menu .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation__responsive-container-close {
    display: flex !important;
    top: 22px !important;
    right: 24px !important;
    color: #121212 !important;
    fill: #121212 !important;
    background: transparent !important;
  }
  .pin-fashion-menu .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation__responsive-container-close svg { width: 30px; height: 30px; }
  /* Sub-menus stack in-flow inside the overlay */
  .pin-fashion-menu .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation__submenu-container {
    position: static !important;
    inset: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 0 0 0 14px !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }
  .pin-fashion-menu .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation__submenu-container::before { display: none !important; }
  .pin-fashion-menu .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation__submenu-icon { fill: #121212 !important; }
  /* Readable links + orange hover/current */
  .pin-fashion-menu .wp-block-navigation__responsive-container.is-menu-open a,
  .pin-fashion-menu .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation-item__label {
    color: #1b1b1b !important;
    background: transparent !important;
    text-align: left !important;
  }
  .pin-fashion-menu .wp-block-navigation__responsive-container.is-menu-open a:hover,
  .pin-fashion-menu .wp-block-navigation__responsive-container.is-menu-open
    .current-menu-item > a {
    color: #f25f43 !important;
    background: transparent !important;
  }
}

/* ---- 4. DESKTOP (>=1025px): keep the inline horizontal menu -------- */
@media (min-width: 1025px) {
  .pin-fashion-menu.wp-block-navigation .wp-block-navigation__responsive-container-open {
    display: none !important;
  }
}

/* Pagination container */
.wp-block-query-pagination-numbers {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin: 2rem 0;
	list-style: none;
}

/* Each page number (links + current + dots) */
.wp-block-query-pagination-numbers .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	height: 40px;
	padding: 0 10px;
	font-size: 0.95rem;
	line-height: 1;
	text-decoration: none;
	color: #333;
	background-color: #f5f5f5;
	border: 1px solid #e0e0e0;
	border-radius: 6px;
	transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

/* Hover / focus state for clickable links */
.wp-block-query-pagination-numbers a.page-numbers:hover,
.wp-block-query-pagination-numbers a.page-numbers:focus {
	background-color: #f25f43;
	border-color: #f25f43;
	color: #fff;
}

/* Current / active page */
.wp-block-query-pagination-numbers .page-numbers.current {
	background-color: #f25f43;
	border-color: #f25f43;
	color: #fff;
	font-weight: 600;
	cursor: default;
}

/* Ellipsis dots (…) */
.wp-block-query-pagination-numbers .page-numbers.dots {
	background: transparent;
	border-color: transparent;
	color: #999;
	min-width: auto;
	padding: 0 4px;
}

/* Small screens */
@media (max-width: 480px) {
	.wp-block-query-pagination-numbers {
		gap: 6px;
	}
	.wp-block-query-pagination-numbers .page-numbers {
		min-width: 34px;
		height: 34px;
		font-size: 0.85rem;
	}
	.pin-fashion-footer-area{margin-top:20px !important; padding:0 15px !important;}
}

/* Block style: Fancy Button */
.wp-block-button.is-style-fancy-button .wp-block-button__link {
	border-radius: 999px;
	padding: 0.9em 2.2em;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	box-shadow: 0 6px 0 0 var(--wp--preset--color--primary);
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.wp-block-button.is-style-fancy-button .wp-block-button__link:hover,
.wp-block-button.is-style-fancy-button .wp-block-button__link:focus {
	transform: translateY(3px);
	box-shadow: 0 3px 0 0 var(--wp--preset--color--primary);
}

/* Block style: Highlighted Heading */
.wp-block-heading.is-style-highlighted-heading {
	text-decoration-line: underline;
	text-decoration-color: var(--wp--preset--color--brand);
	text-decoration-thickness: 0.15em;
	text-underline-offset: 0.25em;
}

@media (prefers-reduced-motion: reduce) {
	.wp-block-button.is-style-fancy-button .wp-block-button__link {
		transition: none;
	}
}

/* Footer copyright row: center on small screens */
@media (max-width: 767px) {
	.pin-fashion-copyright-left,
	.pin-fashion-copyright-left > .wp-block-group {
		justify-content: center !important;
	}
}
