/** Shopify CDN: Minification failed
Line 7:0 Unexpected "<"
Line 53:7 Unexpected "<"
**/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
@font-face {
font-family: "Inter";
src: url('{{ "GT-Walsheim-Trial-Regular.woff2" | asset_url }}') format('woff2'),
url('{{ "GT-Walsheim-Trial-Regular.woff" | asset_url }}') format('woff');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Inter";
/* src: url('{{ "GT-Walsheim-Trial-Light.woff2" | asset_url }}') format("woff2"); */
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Inter";
/* src: url('{{ "GT-Walsheim-Trial-Medium.woff2" | asset_url }}') format("woff2"); */
font-weight: 500;
font-style: normal;
font-display: swap;
}
h1, h2, h3, h4, h5, h6 {
font-family: "Inter" !important;
}
header-component[data-sticky-state="active"] .header__columns {
background: #000 !important;
}
.header__row:after {
display:none !important;
}
.inter- {
font-family: "Inter", sans-serif;
font-optical-sizing: auto;
font-weight: ;
font-style: normal;
}
p, span, button{
font-family: "Inter", sans-serif!important;
}
.template__collection button.button.button-primary.facets__see-results,
.template__collection button.button.button-secondary{
border-radius:5;
}
.template__collection .facets__title-wrapper{
box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.12);
}
.tax-note.tax-note.tax-note {
justify-content: end;
}
.cart-note__label {
align-items: center !important;
}
span.cart-note__label.h6.sdfdfvfv {
margin-top: 15px;
}
.cart-note .icon-plus{
display:none;
}
button.button.button--tertiary.cart-items__remove{
padding:0;
}
button.button.button--tertiary.cart-items__remove svg {
width: 20px;
height: 20px;
color: #000;
}
body.custon-the-brow-world span.menu-list__link-title,
body.custon-the-brow-world span.desktop-view-search,
body.custon-the-brow-world button.account-button.header-actions__action,
body.custon-the-brow-world .desktop-view-cart {
color: white !important;
}
header {
z-index: 9999999999!important;
}
header-component#header-component {
--header-padding: var(--padding-sm);
--font-paragraph--line-height: 1;
--language-button-background-color: transparent;
--language-button-border-color: transparent;
--header-bg-color: transparent;
--header-logo-display: none;
--header-logo-inverse-display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
/* background-color: transparent; */
z-index: var(--layer-overlay);
}
.spacing-style.text-block h1 {
font-size: 28px;
font-weight: 400;
}
.dialog-modal[open].search-modal__content{
margin-left:0;
}
label.variant-option__button-label, span.swatch.swatch--unscaled {
border-radius: 0px !important;
}
.spacing-style.text-block.text-block--Ad1pFL2t5WHc3WWFZa__text_cbcgyb.h4 h2 {
font-size: 60px;
font-weight: 400;
}
section.bw-hero {
overflow: hidden;
}
.shopdev-premium-fashion-homepage {
font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
}
.shopdev-premium-fashion-homepage .hero-section {
position: relative;
width: 100%;
height: 1080px;
overflow: hidden;
}
.shopdev-premium-fashion-homepage .hero-video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.shopdev-premium-fashion-homepage .hero-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(15, 15, 15, 0.6);
}
.shopdev-premium-fashion-homepage .hero-content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: left;
max-width: 748px;
width: 100%;
padding: 0 24px;
}
.shopdev-premium-fashion-homepage .hero-title {
font-size: 100px;
line-height: 112px;
font-weight: 300;
color: #FFFFFF;
margin-bottom: 30px;
letter-spacing: -3%;
text-transform: capitalize;
}
.shopdev-premium-fashion-homepage .hero-description {
font-size: 24px;
line-height: 32px;
color: #F8F8F8;
text-transform: capitalize;
}
.shopdev-premium-fashion-homepage .section-dark {
background-color: #0F0F0F;
padding: 150px 200px;
}
.shopdev-premium-fashion-homepage .section-light {
background-color: #FFFFFF;
padding: 70px 0px 15px;;
}
.shopdev-premium-fashion-homepage .section-title {
font-size: 48px;
line-height: 70px;
text-align: center;
text-transform: capitalize;
margin-bottom: 80px;
}
.shopdev-premium-fashion-homepage .section-title-dark {
color: #0F0F0F;
}
.shopdev-premium-fashion-homepage .section-title-light {
color: #FFFFFF;
}
.shopdev-premium-fashion-homepage .tagline {
font-size: 80px;
line-height: 92px;
font-weight: 300;
color: #424242;
text-align: center;
text-transform: capitalize;
margin-bottom: 40px;
}
.shopdev-premium-fashion-homepage .tagline-subtitle {
font-size: 36px;
line-height: 57.6px;
color: #FFFFFF;
text-align: center;
text-transform: capitalize;
letter-spacing: 24%;
}
.shopdev-premium-fashion-homepage .lifestyle-grid {
display: flex;
gap: 30px;
margin-bottom: 150px;
}
.shopdev-premium-fashion-homepage .lifestyle-card {
flex: 1;
position: relative;
border-radius: 0;
overflow: hidden;
height: 940px;
padding: 40px;
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.shopdev-premium-fashion-homepage .lifestyle-card img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.facets.facets--horizontal.spacing-style {
display: none;
}
.shopdev-premium-fashion-homepage .lifestyle-content {
position: relative;
z-index: 2;
}
/* .page-width{
padding: 75px 75px !important;
max-width: 1360px;
margin: 0 auto;
} */
.product-image-wrapper .hover-add-btn {
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
transition: opacity 0.2s ease !important;
border: none !important; /* black line remove */
outline: none !important; /* focus outline remove */
}
button.hover-add-btn.arrow-btn {
position: absolute !important;
left: 50% !important;
top: 100% !important;
transform: translate(-50%, -100%) !important;
width: max-content;
transition: all 0.2s ease-in-out !important;
}
.product-card:hover .hover-add-btn{
transform: translate(-50%, -80%) !important;
top: 100% !important;
}
.product-image-wrapper:hover .hover-add-btn {
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
top: 80% !important;
transform: translate(-50%, -80%);
border: 1px solid #000 !important; /* hover par wapas show */
}
.header__row.header__row--top.color-scheme-6 {
background: black;
}
.custon-browonlinestore .header__row.header__row--top.color-scheme-6 {
background:transparent;
}
.why-brow-section .page-width {
/* max-width: 1728px; */
max-width: 100%;
}
.shopdev-premium-fashion-homepage .lifestyle-title {
font-size: 36px;
line-height: 48px;
color: #FFFFFF;
text-transform: capitalize;
margin-bottom: 16px;
}
.shopdev-premium-fashion-homepage .btn-secondary {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 12px 24px;
border: 1px solid #FFFFFF;
background: transparent;
color: #FFFFFF;
font-size: 16px;
line-height: 28px;
text-decoration: none;
transition: all 0.2s ease;
}
.shopdev-premium-fashion-homepage .btn-secondary:hover {
background: #FFFFFF;
color: #0F0F0F;
}
.shopdev-premium-fashion-homepage .btn-secondary-dark {
border-color: #0F0F0F;
color: #0F0F0F;
}
.product-image-wrapper {
position: relative;
background-size: cover;
background-position: center;
height: 420px;
overflow: hidden;
}
.product-link {
position: absolute;
inset: 0;
z-index: 1;
}
.hover-add-btn {
position: absolute;
left: 50%;
top: 90%;
transform: translate(-50%, -50%);
background: rgba(0, 0, 0, 0.85)!important;
color: #fff!important;
border-radius: 30px;
border: none;
font-size: 14px;
display: flex;
align-items: center;
gap: 8px;
opacity: 0;
visibility: hidden;
transition: 0.2s ease-in-out;
cursor: pointer;
z-index: 3;
}
.product-image-wrapper:hover .hover-add-btn {
opacity: 1;
visibility: visible;
}
.facets-toggle__button{
display:block!important;
}
.facets-toggle{
display:block!important;
}
.shopdev-premium-fashion-homepage .btn-secondary-dark:hover {
background: transparent;
color: #000000;
}
.vision-hero-content {
max-width: 730px !important;
}
.vision-subtext {
margin-bottom: 80px !important;
}
.shopdev-premium-fashion-homepage .btn-primary {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 9px 24px;
background: #000;
color: #fff;
font-size: 16px;
line-height: 28px;
text-decoration: none;
border: none;
transition: all 0.2s ease;
margin-top:33px!important;
}
.shopdev-premium-fashion-homepage .btn-primary:hover {
background: #2F2F2F;
}
.shopdev-premium-fashion-homepage .product-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 36px;
margin-bottom: 80px;
}
.shopdev-premium-fashion-homepage .product-card {
display: flex;
flex-direction: column;
gap: 20px;
}
.shopdev-premium-fashion-homepage .product-image-wrapper {
position: relative;
padding: 0px;
background-size: cover;
background-position: center;
height: unset;
display: flex;
align-items: flex-start;
justify-content: flex-end;
}
.shopdev-premium-fashion-homepage .wishlist-btn {
width: 38px;
height: 38px;
border-radius: 50%;
background: #FFFFFF;
border: 1px solid #EBEBEB;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all 0.2s ease;
}
.shopdev-premium-fashion-homepage .wishlist-btn:hover {
border-color: #B9B9B9;
}
.shopdev-premium-fashion-homepage .product-info {
display: flex;
justify-content: space-between;
align-items: end;
}
.product-info {
display: flex;
justify-content: space-between;
align-items: center;
gap: 0px;
}
.product-colors {
text-align: right;
justify-content: right;
}
.product-des-infor {
text-align: left;
}
.product-colors {
display: flex;
align-items: right;
gap: 10px;
text-align: right;
justify-content: right;
}
.color-dots {
display: flex;
align-items: right;
gap: 6px;
text-align: right;
justify-content: right;
}
.view-colors-text a {
font-size: 14px;
text-decoration: underline;
cursor: pointer;
}
.shopdev-premium-fashion-homepage .product-name {
font-size: 16px;
line-height: 24px;
color: #0F0F0F;
font-weight: 300;
}
.shopdev-premium-fashion-homepage .product-price {
font-size: 16px;
line-height: 22px;
font-weight: 700;
color: #0F0F0F;
margin-top: 10px;
}
.shopdev-premium-fashion-homepage .product-colors {
display: block;
align-items: center;
gap: 14px;
margin-top: 4px;
}
.shopdev-premium-fashion-homepage .color-dots {
display: flex;
gap: 10px;
}
.shopdev-premium-fashion-homepage .color-dot {
width: 14px;
height: 14px;
border-radius: 50%;
cursor: pointer;
}
.shopdev-premium-fashion-homepage .color-dot-bordered {
border: 1px solid #000000;
padding: 3px;
background: #FFFFFF;
}
.shopdev-premium-fashion-homepage .color-dot-inner {
width: 10px;
height: 10px;
border-radius: 50%;
background: #0F0F0F;
}
.shopdev-premium-fashion-homepage .view-colors-text {
font-size: 16px;
line-height: 24px;
color: #B9B9B9;
}
.shopdev-premium-fashion-homepage .banner-section {
position: relative;
height: 660px;
padding: 200px;
display: flex;
align-items: center;
background-size: cover;
background-position: center;
}
.shopdev-premium-fashion-homepage .banner-content {
max-width: 672px;
}
.shopdev-premium-fashion-homepage .banner-play-btn {
width: 92px;
height: 92px;
border-radius: 50%;
background: #FFFFFF;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 24px;
cursor: pointer;
}
.shopdev-premium-fashion-homepage .banner-title {
font-size: 60px;
line-height: 72px;
color: #FFFFFF;
text-transform: capitalize;
margin-bottom: 8px;
}
.shopdev-premium-fashion-homepage .banner-description {
font-size: 16px;
line-height: 24px;
color: #F8F8F8;
margin-bottom: 80px;
}
.shopdev-premium-fashion-homepage .product-highlight-section {
display: flex;
background: #F8F8F8;
padding: 150px 0;
}
.shopdev-premium-fashion-homepage .product-highlight-images {
width: 895px;
position: relative;
}
.shopdev-premium-fashion-homepage .product-highlight-main {
width: 767px;
height: 1021px;
object-fit: cover;
}
.shopdev-premium-fashion-homepage .product-highlight-thumbs {
position: absolute;
right: 0;
top: 111px;
display: flex;
flex-direction: column;
gap: 100px;
}
.shopdev-premium-fashion-homepage .product-highlight-thumb {
width: 232px;
height: 200px;
border-radius: 12px;
object-fit: cover;
}
.shopdev-premium-fashion-homepage .product-highlight-content {
flex: 1;
padding: 120px 200px 120px 142px;
display: flex;
flex-direction: column;
gap: 80px;
}
.shopdev-premium-fashion-homepage .product-highlight-header h2 {
font-size: 60px;
line-height: 72px;
color: #0F0F0F;
text-transform: capitalize;
margin-bottom: 16px;
}
.shopdev-premium-fashion-homepage .product-highlight-price {
font-size: 16px;
line-height: 24px;
color: #424242;
margin-bottom: 40px;
}
.shopdev-premium-fashion-homepage .product-features h3 {
font-size: 36px;
line-height: 48px;
color: #0F0F0F;
text-transform: capitalize;
margin-bottom: 88px;
}
.shopdev-premium-fashion-homepage .feature-item {
display: flex;
align-items: center;
gap: 18px;
padding: 32px 4px;
border-bottom: 1px solid #6D6D6D;
}
.shopdev-premium-fashion-homepage .feature-item:first-child {
padding-top: 0;
}
.shopdev-premium-fashion-homepage .feature-icon {
width: 70px;
height: 70px;
border-radius: 50%;
border: 1px solid #6D6D6D;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
a.menu-list__link {
/*width: 100px;*/
text-align: center;
padding-block: 0px !important;
display: flex;
justify-content: center;
border-radius: 30px;
/* margin-top: 0px !important; */
margin-inline: 0 !important;
/* padding-inline: 25px !important; */
}
.shopdev-premium-fashion-homepage .feature-name {
font-size: 24px;
line-height: 32px;
color: #0F0F0F;
text-transform: capitalize;
}
.shopdev-premium-fashion-homepage .stitch-section {
padding: 30px 10%;
}
.shopdev-premium-fashion-homepage .stitch-header {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 80px;
}
.shopdev-premium-fashion-homepage .stitch-text h2 {
font-size: 56px;
line-height: 66px;
color: #0F0F0F;
text-transform: capitalize;
margin-bottom: 5px;
}
.shopdev-premium-fashion-homepage .stitch-text p {
font-size: 16px;
line-height: 20px;
color: #6D6D6D;
max-width: 862px;
}
.shopdev-premium-fashion-homepage .stitch-controls {
display: flex;
gap: 10px;
margin-top: 28px;
}
.shopdev-premium-fashion-homepage .stitch-arrow {
width: 24px;
height: 24px;
cursor: pointer;
}
.shopdev-premium-fashion-homepage .stitch-images {
display: flex;
gap: 0;
}
.shopdev-premium-fashion-homepage .stitch-image-card {
flex: 1;
padding: 32px;
border: 1px solid #DCDCDC;
}
.shopdev-premium-fashion-homepage .stitch-image {
width: 100%;
height: 431px;
border-radius: 4px;
object-fit: cover;
}
.shopdev-premium-fashion-homepage .footer .btn-secondary:hover{
background:none;
color:white;
}
.shopdev-premium-fashion-homepage .newsletter-section {
margin: 0 200px ;
padding: 35px 80px !important;
/* background-size: cover!important;
background-position: center right!important; */
margin-block-start: 70px !important;
margin-block-end: 100px !important;
width:unset !important;
}
.shopdev-premium-fashion-homepage .newsletter-section{
background-repeat: no-repeat !important;
background-size: cover !important;
max-width: 100% !important;
}
.shopdev-premium-fashion-homepage .newsletter-content h2 {
font-size: 36px;
line-height: 48px;
color: #ffffff;
text-transform: capitalize;
margin-bottom: 8px;
}
.shopdev-premium-fashion-homepage .newsletter-content p {
font-size: 16px;
line-height: 22px;
color: #ffffff;
max-width: 624px;
margin-bottom: 40px;
}
.shopdev-premium-fashion-homepage .newsletter-form {
display: flex;
gap: 10px;
flex-wrap:wrap;
}
.shopdev-premium-fashion-homepage .newsletter-input {
/* flex: 1; */
max-width: 319px;
padding: 12px 24px;
background: transparent;
border: 1px solid #fff;
font-size: 14px;
line-height: 20px;
color: #878787;
border-radius:0;
}
.shopdev-premium-fashion-homepage .benefits-section {
padding: 40px 0;
border-top: 1px solid #DCDCDC;
border-bottom: 1px solid #DCDCDC;
overflow-x: auto;
}
.shopdev-premium-fashion-homepage .benefits-grid {
display: flex;
gap: 80px;
padding: 0 200px;
min-width: max-content;
}
.shopdev-premium-fashion-homepage .benefit-item {
display: flex;
align-items: center;
gap: 12px;
}
.shopdev-premium-fashion-homepage .benefit-icon {
width: 38px;
height: 38px;
border-radius: 0;
/* border: 1px solid #424242; */
background: #FFFFFF;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.shopdev-premium-fashion-homepage .benefit-text {
font-size: 14px;
line-height: 20px;
color: #6D6D6D;
white-space: nowrap;
}
.shopdev-premium-fashion-homepage .footer {
background: #0F0F0F;
padding: 100px 5% 0% 5%;
}
.shopdev-premium-fashion-homepage .footer-content {
display: flex;
gap: 150px;
margin-bottom: 50px;
}
.shopdev-premium-fashion-homepage .footer-brand {
display: flex;
flex-direction: column;
gap: 40px;
}
.shopdev-premium-fashion-homepage .footer-logo {
display: flex;
align-items: center;
gap: 14px;
}
.shopdev-premium-fashion-homepage .footer-logo-text {
font-size: 60px;
line-height: 54px;
color: #FFFFFF;
}
.shopdev-premium-fashion-homepage .footer-tagline {
font-size: 18px;
line-height: 24px;
color: #878787;
max-width: 342px;
}
.shopdev-premium-fashion-homepage .footer-links {
display: flex;
gap: 80px;
flex: 1;
justify-content: flex-end;
}
.shopdev-premium-fashion-homepage .footer-column h4 {
font-size: 18px;
line-height: 24px;
color: #FFFFFF;
margin-bottom: 24px;
}
.header__columns {
padding-left: 5%;
padding-right: 5%;
}
.shopdev-premium-fashion-homepage .footer-column ul {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 12px;
}
.shopdev-premium-fashion-homepage .footer-column a {
font-size: 16px;
line-height: 24px;
color: #B9B9B9;
text-decoration: none;
transition: color 0.2s ease;
}
.shopdev-premium-fashion-homepage .footer-column a:hover {
color: #FFFFFF;
}
.shopdev-premium-fashion-homepage .footer-bottom {
text-align: center;
font-size: 16px;
line-height: 24px;
color: #FFFFFF;
}
.shopdev-premium-fashion-homepage .footer-bottom p {
display: flex;
justify-content: center;
flex-wrap:wrap;
gap: 15px;
}
.shopdev-premium-fashion-homepage .gallery-section {
padding: 10% 0% 5% 10%;
}
.shopdev-premium-fashion-homepage .gallery-scroll {
display: flex;
gap: 30px;
overflow-x: auto;
scroll-behavior: smooth;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
}
.shopdev-premium-fashion-homepage .gallery-scroll::-webkit-scrollbar {
display: none;
}
.shopdev-premium-fashion-homepage .gallery-item {
flex: 0 0 423px;
height: 614px;
border-radius: 8px;
overflow: hidden;
position: relative;
}
.shopdev-premium-fashion-homepage .gallery-item img {
width: 100%;
height: 100%;
object-fit: cover;
}
.shopdev-premium-fashion-homepage .gallery-play-btn {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100px;
height: 100px;
border-radius: 50%;
background: #FFFFFF;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.vision-title, .formal-title{
font-family: "Inter", sans-serif;
font-size: 25px;
font-weight: 400;
}
.vision-play-icon {
width: 90px !important;
height: 90px !important;
background: rgb(255 255 255 / 40%) !important;
}
.vision-play-icon::after {
left: 55% !important;
top: 50% !important;
transform: translate(-50%, -50%) !important;
border-left: 30px solid #ffffff !important;
border-top: 20px solid transparent !important;
border-bottom: 20px solid transparent !important;
}
.formal-btn:hover {
background: transparent !important;
color: #000000 !important;
}
.formal-main-img {
border-radius: 0 !important;
}
.vision-hero-section {
/* height: 650px !important; */
height:auto !important;
/* padding-top:40%; */
}
.vision-hero-overlay {
background: transparent !important;
}
.vision-title, .formal-title{
font-size: 56px;
}
h3.formal-highlights-title, h3.why-heading{
font-family: "Inter", sans-serif;
font-size: 36px;
font-weight: 400;
}
.arrow-btn {
position: relative;
overflow: hidden;
transition: all 0.2s ease-in-out; /* Important: hide arrow by default */
}
.arrow-btn:hover {
padding-right: 50px;
}
.arrow-btn .arrow {
position: absolute;
right: 50px; /* Hidden outside */
opacity: 0;
transition: all 0.2s ease-in-out; /* Smooth slow movement */
}
.arrow-btn:hover .arrow {
right: 20px; /* Moves into view */
opacity: 1;
}
.resource-list__carousel slideshow-slides{justify-content: space-between;}
.stitch-description .desc-arrows {
position: absolute;
right: 0;
bottom: 0;
}
.stitch-description .desc-arrows .swiper-button-prev,
.stitch-description .desc-arrows .swiper-button-next{
color:#000;
}
.cart-drawer__dialog {
right: 50px !important;
height: 80% !important;
top: 10% !important;
}
.cart-drawer__heading {
font-size: 18px !important;
line-height:24px;
font-weight:400;
margin-bottom: 0 !important;
}
.cart-drawer__close-button .svg-wrapper {
width: 1rem !important;
}
.cart-drawer__header {
box-shadow: 0 0 25px 5px #dedede;
padding-block: 7px !important;
}
.cart-drawer__header .close-button {
top: 0px !important;
position:relative;
}
.cart-items__remove {
color: #0f0f0f !important;
border: 1px solid #ebebeb !important;
border-radius: 0 !important;
}
.quantity-selector .svg-wrapper {
width: 1rem !important;
color: #0f0f0f !important;
}
.cart-items__quantity .quantity-selector {
border: 1px solid #ebebeb !important;
border-radius: 0 !important;
}
.cart-drawer__inner .cart-items__price {
display: none !important;
}
.cart-drawer__inner .cart-drawer__items .cart-items__table-row {
margin-top: var(--gap-xl);
}
.cart-drawer__inner .cart-drawer__items .cart-items__table-row {
--cart-item-price-width: -1rem !important;
}
.cart-drawer__inner .cart-drawer__items .cart-items__details .cart-items__variants {
color: #b9b9b9 !important;
}
.cart-drawer__inner .cart-drawer__items .cart-items__title * {
color: #0f0f0f !important;
}
.cart-drawer__inner .cart-drawer__items .cart-items__details span {
color: #0f0f0f !important;
font-weight: 600 !important;
font-size: 16px !important;
}
.cart-drawer__inner .cart-discount__button {
border-radius: 0 !important;
}
.cart-drawer__inner .cart__ctas .cart__checkout-button {
border-radius: 0 !important;
}
.template__collection .sorting-filter__options {
position:relative;
width: 100%;
box-shadow:unset;
padding:0;
top: 0 !important;
}
.template__collection .sorting-filter__option:hover {
background-color: transparent !important;
}
.template__collection .facets__filters-wrapper .icon-caret:after{
content:url('/cdn/shop/files/Plus.svg');
}
.template__collection .facets__filters-wrapper details[open]>summary .icon-caret:after{
content:url('/cdn/shop/files/Minus.svg');
}
.template__collection .facets__filters-wrapper .svg-wrapper>svg{
/* display:none; */
}
.template__collection .facets__filters-wrapper .icon-caret{
height:0;
}
sorting-filter-component.sorting-filter.sorting-filter__horizontal .sorting-filter__container.desktop\:hidden,
span.facets__status.h6.desktop\:hidden {
display: none;
}
sorting-filter-component.sorting-filter.sorting-filter__horizontal .sorting-filter__container.desktop\:hidden ~ accordion-custom details.facets__panel{
display:block !important;
}
.template__collection .pagination__link--arrow{
display:none;
}
#shipping-bar {
position: sticky;
top: 0;
text-align: left;
padding: 10px 35px;
z-index: 999;
margin-top: 30px;
margin-bottom: 10px;
}
#shipping-progress {
width: 100%;
height: 5px;
background: #00000038;
margin-top: 6px;
}
#shipping-progress-fill {
height: 100%;
width: 0%;
background: #000;
transition: width 0.2s ease;
animation: fillBar 0.8s ease-out forwards;
}
@keyframes fillBar {
from {
width: 0%;
}
to {
width: var(--width);
}
}
.sdcdc .active-filters-bar{
flex-wrap:wrap;
margin-bottom: 24px;
}
.facets-remove .pills__pill{
width: fit-content;
border-radius: 0;
}
.shopdev-premium-fashion-homepage .footer-bottom a:hover {
color: #fff !important;
}
@media (min-width:1200px) and (max-width:1550px) {
.container {
max-width: 100%!important;
padding-inline: 100px!important;
}
body .collection-brea{
padding:0 100px;
}
.why-brow-section .page-width {
padding-left: 100px !important;
padding-right: 100px !important;
}
.template__product .product-information.section.section--page-width.spacing-style.color-scheme-1.relative{
padding-left:100px;
padding-right:100px;
--full-page-margin-inline-offset: 0 !important;
grid-template-columns: 0;
}
.shopdev-premium-fashion-homepage .stitch-section, .quality-container{
padding-left:100px !important;
padding-right:100px !important;
}
.shopdev-premium-fashion-homepage .main-slider .center-content {
left: 33.2%;
}
.shopdev-premium-fashion-homepage .section-light{
padding-left:100px !important;
padding-right:100px !important;
}
.vision-hero-content{
left:100px !important;
}
section.formal-showcase {
padding-left: 100px !important;
padding-right: 100px !important;
}
.bw-hero {
padding-left: 100px!important;
padding-right: 100px!important;
}
.shopdev-premium-fashion-homepage .newsletter-section {
margin: 0 100px !important;
}
.collection-wrapper.grid.gap-style.page-width{
padding: 30px 100px !important;
}
.template__collection .shopdev-premium-fashion-homepage .section-light{
max-width:100%;
margin:0 auto;
padding-left: 100px !important;
padding-right: 100px !important;
}
}
@media (min-width:1728px) {
.container {
max-width: 100%!important;
padding-inline: 150px!important;
}
body .collection-brea{
padding:0 150px;
}
.shopdev-premium-fashion-homepage .main-slider .center-content {
left: 33.2%;
}
.why-brow-section .page-width {
padding-left: 150px !important;
padding-right: 150px !important;
}
.template__product .product-information.section.section--page-width.spacing-style.color-scheme-1.relative{
padding-left:150px;
padding-right:150px;
--full-page-margin-inline-offset: 0 !important;
grid-template-columns: 0;
}
.shopdev-premium-fashion-homepage .stitch-section, .quality-container{
padding-left:150px !important;
padding-right:150px !important;
}
.shopdev-premium-fashion-homepage .section-light{
padding-left:150px !important;
padding-right:150px !important;
}
.vision-hero-content{
left:150px !important;
}
section.formal-showcase {
padding-left: 150px !important;
padding-right: 150px !important;
}
.bw-hero {
padding-left: 150px!important;
padding-right: 150px!important;
}
.shopdev-premium-fashion-homepage .newsletter-section {
margin: 0 150px !important;
}
.collection-wrapper.grid.gap-style.page-width{
padding: 30px 150px !important;
}
.template__collection .shopdev-premium-fashion-homepage .section-light{
max-width:100%;
margin:0 auto;
padding-left: 150px !important;
padding-right: 150px !important;
}
}
@media (min-width:1920px) {
.container {
max-width: 100%!important;
padding-inline: 200px!important;
}
body .collection-brea{
padding:0 200px;
}
.shopdev-premium-fashion-homepage .main-slider .center-content {
left: 31.2%;
}
.why-brow-section .page-width {
padding-left: 200px !important;
padding-right: 200px !important;
}
.template__product .product-information.section.section--page-width.spacing-style.color-scheme-1.relative{
padding-left:200px;
padding-right:200px;
--full-page-margin-inline-offset: 0 !important;
grid-template-columns: 0;
}
.shopdev-premium-fashion-homepage .stitch-section, .quality-container{
padding-left:200px !important;
padding-right:200px !important;
}
.shopdev-premium-fashion-homepage .section-light{
padding-left:200px !important;
padding-right:200px !important;
}
.vision-hero-content{
left:200px !important;
}
section.formal-showcase {
padding-left: 200px !important;
padding-right: 200px !important;
}
.bw-hero {
padding-left: 200px!important;
padding-right: 200px!important;
}
.shopdev-premium-fashion-homepage .newsletter-section {
margin: 0 200px !important;
}
.collection-wrapper.grid.gap-style.page-width{
padding: 30px 200px !important;
}
.template__collection .shopdev-premium-fashion-homepage .section-light{
max-width:100%;
margin:0 auto;
padding-left: 200px !important;
padding-right: 200px !important;
}
}
@media screen and (min-width: 767px) and (max-width: 900px) {
.why-card .arrow-btn{
font-size:10px !important;
}
.bw-hero-inner .bw-play-btn {
top:38%;
}
.formal-showcase .formal-right:not(.mobile-title){
padding:0 20px;
max-width:100% !important;
}
.highlight-item{
width:33.33%;
}
.formal-highlights .highlight-icon img{
width: 40px !important;
height: 40px !important;
}
.formal-highlights .highlight-text h4 {
font-size: 18px !important;
}
.formal-highlights {
display: flex;
flex-wrap: wrap;
}
.highlight-item {
border: 0 !important;
}
}
@media (max-width: 767px) {
body .acc_txt {
font-weight: 400;
font-size: 12px;
line-height: 16px;
letter-spacing: 0;
padding-top: 8px;
padding-bottom: 24px;
color:#878787;
}
body .cust_btn{
flex-direction: row;
}
body .cust_btn a:nth-child(1),body .cust_btn a:nth-child(2){
font-size: 14px;
line-height: 20px;
padding: 9px 0px;
width:50%;
}
.login_customer ul li a svg{
display:none;
}
.login_customer ul li a {
display: flex;
gap: 10px;
font-size: 14px;
line-height: 20px;
letter-spacing: 0;
font-weight: 400;
}
.login_customer {
padding-top: 26px;
}
body .login_customer li:last-child {
padding-bottom: 20px;
}
.template__product .pdp_grid{
display:none !important;
}
ul.menu-drawer__menu.menu-drawer__menu--childlist.menu-drawer__animated-element.details-content {
padding-left: 10px !important;
padding-top: 10px !important;
}
.cart-drawer__header{
padding: 10px 20px !important;
}
.product-card .arrow-btn .arrow{
display:none;
}
/* button.hover-add-btn.arrow-btn {
display: none;
} */
.template__collection .product-grid{
gap: 18px;
}
.template__collection .shopdev-premium-fashion-homepage .color-dots {
gap: 6px;
}
.sdcdc .active-filters-bar{
margin-bottom: 24px;
}
body .facets__panel{
padding-left:20px !important;
padding-right:20px !important;
}
body :is(.facets--drawer,.facets--vertical) :is(.facets__item,.sorting-filter):before{
width: calc(100% - 20px * 2) !important;
}
body .facets__actions{
padding-inline-start: 20px !important;
padding-inline-end: 20px !important;
padding-top: 14px;
padding-bottom: 14px
}
body .facets__title-wrapper{
padding-inline-start: 24px !important;
padding-inline-end: 24px !important;
padding-top: 14px;
padding-bottom: 14px
}
body .facets__filters-wrapper {
padding-top: 16px;
}
.txt {
display:none;
font-size: 11px;
line-height: 13px;
color: #6D6D6D;
display: none;
}
.product-details .txt {
display:block;
}
.product-details .price-wrap {
display: block !important;
}
.cart-drawer__dialog {
right: 15px !important;
}
.resource-card__content span.price {
font-size: 14px !important;
}
.shopdev-premium-fashion-homepage .newsletter-content p {
color: #ababab !important;
}
.shopdev-premium-fashion-homepage .newsletter-form .btn-primary {
background: #fff !important;
color: #0f0f0f !important;
flex: 1;
text-align: center;
align-items: center;
justify-content: center;
}
.shopdev-premium-fashion-homepage .newsletter-form .btn-primary{
flex:unset;
/* width:100%; */
width:133px;
}
header-actions {
display: block;
}
.shopdev-premium-fashion-homepage .footer-column h4 {
font-size: 14px;
}
.shopdev-premium-fashion-homepage .newsletter-input {
border: 1px solid #9a9a9a !important;
background: transparent !important;
}
.stitch-slider-sec .swiper-slide {
/* margin-right: 0px !important; */
}
.shopdev-premium-fashion-homepage .newsletter-section {
padding: 25px 80px !important;
margin-block-start: 20px !important;
margin-block-end: 20px !important;
}
h3.formal-highlights-title{
text-align: center;
width:100%;
margin: 20px 10px;
font-size:22px !important;
}
.main-slider#container {
height: 70vh;
align-items: end;
position: static;
}
.brow-video-banner{
max-width:100%;
}
.formal-grid{
display:block;
}
.vision-title, .formal-title {
font-size: 25px !important;
}
.vision-hero-section {
height: 500px !important;
}
.formal-main-img{
width:60%;
height: max-content;
}
.formal-middle {
display: flex;
flex-direction: column;
position: initial;
right: 0px;
max-width: 100%;
top: 50%;
transform: none;
justify-content: space-between;
margin-top: 90px;
width: 40%;
}
.formal-left {
height: auto;
gap: 10px;
}
.formal-highlights{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 10px;
}
.highlight-item{
border-bottom:none;
padding-bottom: 0;
}
.stitch-slide-wrapper{
flex-wrap:wrap;
padding-top:50px;
}
.stitch-number {
order: 2;
text-align: right;
justify-content: right;
margin-top: -15px;
padding-left: 140px;
}
.stitch-description{
width: 100%!important;
/* height: 200px; */
}
.stitch-description.stitch-text {
max-width: 100%;
}
.stitch-description .desc-arrows{
bottom: 0%;
}
.shopdev-premium-fashion-homepage .btn-primary{
}
.brow-play-btn {
top: 30%;
left: 12%;
}
.vision-play-icon {
width: 40px !important;
height: 40px !important;
}
.vision-play-icon::after {
border-left: 15px solid #ffffff !important;
border-top: 10px solid transparent !important;
border-bottom: 10px solid transparent !important;
}
/* .brow-content {
top: 60%;
left: 50%;
transform: translate(-50%, -50%);
text-align:center;
} */
.formal-highlights h3{
}
.center-content{
width: 100%;
padding: 30px;
}
.mobile-view-slide .main-slider .center-content {
top: 75%!important;
max-width: 330px;
left: 50.2%;
}
.shopdev-premium-fashion-homepage .main-slider .block.slier-1 {
background: transparent;
}
p.center-content-dec{
font-size: 14px!important;
}
h1.center-content-heading {
font-size: 40px!important;
}
.why-brow-section .header-page-width{
padding:0!important;
}
h3.why-heading{
font-size: 20px!important;
}
.why-brow-section .page-width {
padding:10px!important;
padding-top:24px !important;
}
body h3.why-heading {
font-size: 18px !important;
line-height: 24px;
font-weight: 400;
letter-spacing: 0;
margin-bottom: 16px !important;
}
body .why-brow-section .why-btn{
font-size: 14px !important;
line-height: 20px;
letter-spacing: 0;
font-weight: 400;
padding-block: 10px !important;
}
.tagline-h2 {
font-size: 28px;
line-height: 38px;
margin-bottom: 20px;
}
.why-brow-section{
padding: 40px 10px;
}
.tagline-subtitle-p{
font-size: 16px;
padding: 0px;
line-height: 35px;
}
.shopdev-premium-fashion-homepage .hero-section {
height: 600px;
}
.shopdev-premium-fashion-homepage .hero-title {
font-size: 48px;
line-height: 56px;
}
.shopdev-premium-fashion-homepage .hero-description {
font-size: 16px;
line-height: 24px;
}
.shopdev-premium-fashion-homepage .section-dark,
.shopdev-premium-fashion-homepage .section-light {
padding: 75px 24px;
}
.shopdev-premium-fashion-homepage .section-title {
font-size: 26px;
line-height: 36px;
margin-bottom: 40px;
letter-spacing: 0 !important;
}
.shopdev-premium-fashion-homepage .tagline {
font-size: 40px;
line-height: 48px;
}
.shopdev-premium-fashion-homepage .tagline-subtitle {
font-size: 24px;
line-height: 32px;
}
.shopdev-premium-fashion-homepage .lifestyle-grid {
flex-direction: column;
gap: 20px;
}
.shopdev-premium-fashion-homepage .lifestyle-card {
height: 500px;
padding: 24px;
}
.shopdev-premium-fashion-homepage .lifestyle-title {
font-size: 24px;
line-height: 32px;
}
.shopdev-premium-fashion-homepage .product-grid {
/*grid-template-columns: 1fr 1fr;*/
gap: 16px;
}
.shopdev-premium-fashion-homepage .product-info{
display:block;
}
.product-colors, .color-dots{
text-align: left;
justify-content: left;
}
.shopdev-premium-fashion-homepage .product-grid{
margin-bottom:5px;
}
.shopdev-premium-fashion-homepage .btn-secondary{
padding: 5px 17px;
}
.shopdev-premium-fashion-homepage .section-light{
padding: 40px 15px !important;
}
.shopdev-premium-fashion-homepage .banner-section {
padding: 100px 24px;
height: auto;
}
.vision-subtext {
font-size: 14px;
}
.arrow-btn {
font-size: 14px !important;
}
.shopdev-premium-fashion-homepage .product-image-wrapper {
height: unset;
}
.shopdev-premium-fashion-homepage .banner-title {
font-size: 36px;
line-height: 44px;
}
.shopdev-premium-fashion-homepage .product-highlight-section {
flex-direction: column;
padding: 75px 0;
}
.shopdev-premium-fashion-homepage .product-highlight-images {
width: 100%;
}
.shopdev-premium-fashion-homepage .product-highlight-main {
width: 100%;
height: auto;
}
.shopdev-premium-fashion-homepage .product-highlight-thumbs {
position: static;
flex-direction: row;
gap: 16px;
padding: 24px;
}
.shopdev-premium-fashion-homepage .product-highlight-thumb {
width: 150px;
height: 150px;
}
.shopdev-premium-fashion-homepage .product-highlight-content {
padding: 40px 24px;
gap: 40px;
}
.shopdev-premium-fashion-homepage .product-highlight-header h2 {
font-size: 36px;
line-height: 44px;
}
.shopdev-premium-fashion-homepage .product-features h3 {
font-size: 24px;
line-height: 32px;
margin-bottom: 40px;
}
.shopdev-premium-fashion-homepage .feature-name {
font-size: 18px;
line-height: 24px;
}
.shopdev-premium-fashion-homepage .stitch-section {
padding: 40px 24px;
}
.shopdev-premium-fashion-homepage .stitch-header {
flex-direction: column;
gap: 24px;
}
.shopdev-premium-fashion-homepage .stitch-text h2 {
font-size: 36px;
line-height: 44px;
}
.shopdev-premium-fashion-homepage .stitch-images {
flex-direction: column;
}
.shopdev-premium-fashion-homepage .newsletter-section {
margin: 0px;
padding: 80px 20px !important;
background-size: cover;
background-position: center right;
/* filter: brightness(30%); */
}
.shopdev-premium-fashion-homepage .newsletter-content h2 {
font-size: 24px;
line-height: 32px;
}
.shopdev-premium-fashion-homepage .newsletter-form {
flex-direction: row;
align-items:end;
justify-content: space-between;
}
.shopdev-premium-fashion-homepage .newsletter-input {
max-width: 100%;
flex: 2;
}
.shopdev-premium-fashion-homepage .benefits-section {
padding: 24px 0;
}
.shopdev-premium-fashion-homepage .benefits-grid {
padding: 0 24px;
gap: 40px;
}
.shopdev-premium-fashion-homepage .footer {
padding: 75px 24px;
}
.shopdev-premium-fashion-homepage .footer-content {
flex-direction: column;
gap: 60px;
margin-bottom: 60px;
}
.shopdev-premium-fashion-homepage .footer-links {
/* flex-direction: column; */
gap: 50px;
}
.shopdev-premium-fashion-homepage .footer-column a, .shopdev-premium-fashion-homepage .footer-bottom, .shopdev-premium-fashion-homepage p.footer-tagline {
font-size: 12px;
}
.shopdev-premium-fashion-homepage .gallery-section {
padding: 40px 24px 75px;
}
.shopdev-premium-fashion-homepage .gallery-item {
flex: 0 0 300px;
height: 450px;
}
header .mobile-view-cart {
margin-right: 43px !important;
}
body .shopdev-premium-fashion-homepage .newsletter-section{
margin-left:0 !important;
margin-right:0 !important;
}
.footer-column {
flex: 1;
}
.shopdev-premium-fashion-homepage .footer-tagline{
max-width:100%;
}
span.menu-list__link-title {
color: #fff;
}
button.account-button.header-actions__action {
color: #fff;
}
}
@media(max-width:428px){
.shopdev-premium-fashion-homepage .newsletter-form .btn-primary{
/* width:36%; */
width:110px;
}
.shopdev-premium-fashion-homepage .newsletter-input {
/* max-width: 60%; */
}
}
.benefits-marquee {
overflow: hidden;
width: 100%;
margin:auto;
padding: 20px 0;
position: relative;
}
.marquee-track {
display: flex;
width: max-content;
animation: marquee-scroll 250s linear infinite;
}
@keyframes marquee-scroll {
0% { transform: translateX(0); }
100% { transform: translateX(-50%); }
}
.benefit-item {
display: flex;
align-items: center;
gap: 8px;
margin-right: 90px;
white-space: nowrap;
font-size: 16px;
}
.benefit-icon svg {
width: 50px;
height: 50px;
}
@keyframes marquee-scroll {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50%);
}
}
.video-card {
position: relative;
width: 100%;
height: 430px; /* same height like screenshot */
overflow: hidden;
cursor: pointer;
background: #f5f5f5;
}
.video-card img,
.video-card video {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
/* Big Play Button */
.play-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(0.9);
opacity: 0;
transition: 0.2s ease;
pointer-events: none;
}
.video-card:hover .play-icon {
transform: translate(-50%, -50%) scale(1.08);
}
.video-card:hover .play-icon {
opacity: 1;
transform: translate(-50%, -50%) scale(1);
}
/* Hide video initially */
.video-element {
display: none;
}
/* GAP between slides like screenshot */
.video-swiper .swiper-slide {
}
/* Swiper arrow styling (optional, clean look) */
.swiper-button-next,
.swiper-button-prev {
color: black;
}
section.split-hero.desktop-view-treand-slider {
display: block!important;
}
section.split-her.mobile-view-treand-slider {
display: none!important;
}
.slider-descriptions, .slider-images {
overflow: hidden;
position: relative;
}
.description-slide,
.image-slide {
width: 100%;
flex-shrink: 0;
}
.slider-descriptions,
.slider-images {
display: flex;
transition: transform .5s ease;
}
.quick-add-component {
align-items: center;
}
.brow-breadcrumb {
padding-top: 100px;
}
.hover-mega-menu:before {
content: "";
inset: 0;
background: hsl(0deg 0% 3% / 55%);
position: fixed;
z-index: -1;
top: 100px;
}
@media (min-width:1152px) {
.search-action button.button.button-unstyled {
padding: 14px 25px;
border-radius: 27px;
}
a.menu-list__link:hover, a.menu-list__link:focus {
color:#fff;
}
a.menu-list__link:hover span, a.menu-list__link:focus span {
color: #fff !important;
}
button.button.button-unstyled.search-modal__button.header-actions__action.open__search_btn span {
color: #fff !important;
}
button.account-button.header-actions__action {
width: auto;
padding: 0px 20px !important;
border-radius: 25px;
align-items:center;
}
cart-drawer-component.cart-drawer button {
/* padding: 14px 25px; */
border-radius: 27px;
}
button.account-button.header-actions__action:hover, button.account-button.header-actions__action:focus,
cart-drawer-component.cart-drawer button:hover, cart-drawer-component.cart-drawer button:focus {
/* background: #000; */
}
body.custon-the-brow-world button.account-button.header-actions__action:hover {
color: #fff !important;
}
body.custon-the-brow-world .desktop-view-cart:hover {
color: #fff !important;
}
}
header .desktop-view-cart:hover {
color: #fff;
}
/* SS STYLE START */
.custom-container {
padding-left: 40px;
padding-right: 40px;
max-width: 100%;
margin-inline: auto;
}
.spacing-style {
position: relative;
}
.menu-list__submenu.color-scheme-1 {
width: 70%;
}
.overflow-menu:after {
display:none;
}
.menu-list__submenu-inner {
padding: 0;
}
.menu-list__submenu-inner, .overflow-menu::part(overflow-list) {
max-height: 100%;
overflow-y: auto;
overflow-x: unset;
}
.hover-mega-menu {
box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.5);
}
.hover-menu-item {
padding: 5px 0;
cursor: pointer;
font-size: 26px;
font-family: 'lexend';
position: relative;
font-weight: normal;
}
.hover-menu-image img {
width: 100%;
height: auto;
}
li.hover-menu-item.active {
font-size: 30px;
}
span.price {
font-size: 34px;
line-height: 45px;
}
span.variant-option__swatch-value {
color: #0F0F0F;
font-size: 16px;
}
.variant-option legend {
font-size: 16px;
color: #0F0F0F;
}
label.variant-option__button-label.variant-option__button-label--has-swatch input {
width: 20px !important;
height: 20px !important;
}
label.variant-option__button-label.variant-option__button-label--has-swatch {
border: 1px solid #000;
outline: 0;
}
.variant-option--equal-width-buttons label.variant-option__button-label {
border: 0;
background: #F8F8F8;
padding: 8px !important;
width: auto;
max-width: auto !important;
min-height: auto;
height: 25px;
min-width: auto;
font-size: 12px;
font-weight: normal;
}
.variant-option--equal-width-buttons label.variant-option__button-label:before {
display: none;
}
.product-form-buttons--stacked button {
border-radius: 0;
padding: 0;
height: 45px;
font-size: 16px;
}
label.variant-option__button-label.variant-option__button-label--has-swatch span.swatch.swatch--unscaled {
height: 22px;
width: 22px;
}
.product-form-buttons--stacked .svg-wrapper>svg {
width: 20px !important;
height: 20px !important;
}
.product-form-buttons--stacked span .svg-wrapper {
width: 20px !important;
margin-right: 7px;
}
fieldset.variant-option.variant-option--buttons.variant-option--equal-width-buttons {
display: flex;
flex-wrap: wrap;
}
label.variant-option__button-label.variant-option__button-label--has-swatch:after {
display: none;
}
.product-form-buttons--stacked button span.add-to-cart-text {
padding-block: 0;
background: transparent;
}
.buy-buttons-block .product-form-buttons>* {
min-width: 0!important;
}
/* .product-form-buttons--stacked>*:not(.quantity-selector,.quantity-rules,.quantity-label) {
flex-basis: 40% !important;
max-width: 40%;
} */
.product-form-buttons--stacked button.add-to-cart-button {
background: #0F0F0F;
border-radius: 0;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #0F0F0F;
font-size: 16px;
height: 46px;
}
.product-form-buttons--stacked button.shopify-payment-button__button {
background: white;
border-radius: 0;
border: 1px solid #0F0F0F;
font-size: 16px;
color: #0F0F0F;
height: 46px;
border-radius: 6px;
}
.product-form-buttons--stacked button.shopify-payment-button__button:hover {
background-color:#fff;
color:#0F0F0F;
border: 1px solid #0F0F0F;
}
.quality-container .quality-img-wrap {
padding: 0;
}
.video-popup #popup-video {
height: 100% !important;
top: 0;
bottom: 0;
border-radius: 0;
}
.section-resource-list__content h2 {
font-size: 50px !important;
font-weight: normal !important;
padding-top: 50px;
}
.resource-list__carousel span.price {
font-size: 18px;
line-height: 24px;
}
.product-inventory__icon-out_of_stock {
color: #f11919 !important;
}
.shopdev-premium-fashion-homepage .gallery-section {
max-width: 100%;
}
.bw-hero-inner {
position: relative;
}
.bw-hero-inner .bw-hero-content {
bottom: 0px;
top: inherit;
left: 70px;
}
.page-width {
position: relative;
}
.right-side-sec {
position: absolute;
right: 0;
top: 45px;
}
.right-side-sec span.svg-wrapper svg {
height: 40px;
width: 40px;
display: inline-block;
}
.page-width h1.collection-heading {
font-size: 48px;
margin-bottom: 2px;
}
.collectiondffe.page-widths {
padding-inline: 0 !important;
}
.collection-wrapper.grid.gap-style.page-width {
padding-inline: 15px;
display:flex;
}
.bw-hero-page .bw-hero-content {
bottom: 50px;
}
.custom-threads .top-row {
margin-top: 0;
}
.custom-threads .slider-top {
font-size: 15px;
color: #0F0F0F;
font-weight: 300;
}
.custom-comfort .left-area h2.section-title {
font-size: 44px !important;
max-width: 100% !important;
}
.desktop-view-se .itb-right-inner {
padding-left: 40px;
}
.itb-left .itb-img {
aspect-ratio: 9 / 11;
}
.benefit-item-block .benefit-item {
width: 50%;
max-width: calc(50% - 30px);
margin: 0;
gap: 0;
}
.benefits-list .benefit-item-block {
column-count: auto;
display: flex;
flex-wrap: wrap;
gap: 33px;
}
.itb-title {
font-size: 44px;
line-height: 52px;
}
.hero-text.hero-for-mobile, .top-row.hero-for-mobile {
display: none;
}
.quantity-selector :is(.quantity-minus,.quantity-plus){
width:20px;
}
body .quantity-selector{
align-self: auto;
max-width: 95px;
}
body dialog.facets.facets--drawer.dialog-modal.drawer.dialog-drawer.dialog-drawer--left.spacing-style {
left: unset;
right: 0;
transform: translate(0%) !important;
}
body .facets__panel{
padding-left:40px;
padding-right:40px;
}
body :is(.facets--drawer,.facets--vertical) :is(.facets__item,.sorting-filter):before{
width: calc(100% - 40px * 2);
}
body .facets__title-wrapper{
padding-inline-start: 24px;
padding-inline-end: 24px;
padding-top: 18px;
padding-bottom: 18px;
}
.facets__filters-wrapper {
padding-top: 24px;
}
body .facets__actions{
padding-inline-start: 40px;
padding-inline-end: 40px;
}
.newsletter-section{
display:none;
}
.template__index .newsletter-section,
.custon-the-brow-world-collection .newsletter-section{
display:block;
}
.hover-menu-item a{
display:flex;
flex-direction:column;
overflow:hidden;
justify-content: center;
align-items: start;
}
/* SS STYLE START */
@media (min-width:1152px) {
.product-information.section.section--page-width.spacing-style.color-scheme-1.relative, .quality-container, .section-resource-list__content,
.shopdev-premium-fashion-homepage .newsletter-section, .bw-hero, .collection-heading-section .page-width, .collectiondffe.page-widths, .split-hero-section .split-hero-inner.page-width {
/* width: 1170px; */
max-width: 1728px;
margin-inline: auto;
padding-inline:0;
}
.template__collection .product-information.section.section--page-width.spacing-style.color-scheme-1.relative,
.template__collection .quality-container, .section-resource-list__content,
.template__collection .shopdev-premium-fashion-homepage .newsletter-section,
.template__collection .bw-hero, .collection-heading-section .page-width,
.template__collection .collectiondffe.page-widths,
.template__collection .split-hero-section .split-hero-inner.page-width {
max-width: 100%;
}
.template__product .product-information.section.section--page-width.spacing-style.color-scheme-1.relative,
.template__product .quality-container, .section-resource-list__content,
.template__product .shopdev-premium-fashion-homepage .newsletter-section,
.template__product .bw-hero, .collection-heading-section .page-width,
.template__product .collectiondffe.page-widths,
.template__product .split-hero-section .split-hero-inner.page-width {
max-width: 100%;
}
/* body .collectiondffe.page-widths{
padding-left:200px !important;
padding-right:200px !important;
} */
.video-gallery-section .gallery-scroll.video-gallery-scroll {
/* padding-left: 35px; */
}
.collection-heading-section .page-width {
/* max-width: 1728px;*/
padding-left:200px;
margin-right:200px;
}
section.split-hero.desktop-view-treand-slider.custom-threads {
padding-inline: 45px !important;
}
.hover-mega-menu {
background: #fff;
width: 70%;
}
.template__collection .shopdev-premium-fashion-homepage .section-light{
max-width:100%;
margin:0 auto;
padding-left: 150px;
padding-right: 150px;
}
}
@media(min-width:1024px){
.template__product .brow-breadcrumb-text.page-width{
margin: 0px 0px !important;
margin-right: 200px!important;
padding:16px 200px !important;
padding-right:0 !important;
max-width: 100%;
}
.template__product .product-information__grid{
grid-column: 0;
}
.template__product .product-information.section.section--page-width.spacing-style.color-scheme-1.relative{
padding-left:200px;
padding-right:200px;
--full-page-margin-inline-offset: 0 !important;
grid-template-columns: 0;
}
.template__product product-recommendations h2{
font-weight: 400 !important;
font-size: 36px !important;
line-height: 72px !important;
font-family: "Inter", sans-serif;
}
}
@media (max-width: 1192px) {
.product-colors .color-dots .color-dot.active {
border: 0px solid #000;
transform: scale(1.15);
box-shadow: 0px 0px 0px 2px #fff, 0px 0px 0px 3px #000;
}
.shopdev-premium-fashion-homepage .color-dot:after {
display:none !important;
}
.shopdev-premium-fashion-homepage .stitch-section {
padding: 0px 40px!important;
}
.shopdev-premium-fashion-homepage .stitch-section .stitch-slide-wrapper {
padding-top: 20px;
}
}
@media (max-width: 991px) {
.menu-drawer__menu--childlist .menu-drawer__menu-item-text {
font-size: 14px !important;
color: #0F0F0F !important;
}
}
@media (max-width: 767px) {
.cart-drawer__dialog:modal {
width: 100%;
max-width: 100%;
right: 0 !important;
height: 100% !important;
top: 47px !important;
max-height: calc(100vh - 47px)!important;
}
.quantity-selector :is(.quantity-minus,.quantity-plus){
width:20px;
}
body td.cart-items__media {
width: 75px;
}
body td.cart-items__quantity {
width: 80px;
}
body td.cart-items__details.cart-primary-typography {
width: calc(100% - 184px);
}
.product-form-buttons--stacked button {
width: 100% !important;
}
.product-details {
padding-inline: 15px;
}
.wishlist-btn {
top: 0px;
right: 0;
}
.product-information__media {
grid-column: 2 !important;
}
.footer-bottom p {
text-align: left;
justify-content: left;
}
.product-information .product-information__grid {
display: flex;
flex-wrap: wrap;
}
.product-details {
width: 100% !important;
}
.section-resource-list__content h2 {
font-size: 40px !important;
padding-top: 10px;
}
.page-width {
padding-inline: 15px;
}
.right-side-sec span.svg-wrapper {
width: 50px;
}
.shopify-section.collection-sec {
margin-top: 60px;
}
.bw-hero-content h2 {
font-size: 26px!important;
margin-bottom: 20px !important;
}
.page-width h1.collection-heading {
font-size: 28px;
}
.left-side-sec span {
font-size: 14px;
}
.shopdev-premium-fashion-homepage .product-name {
font-size: 14px;
line-height: 20px;
}
.shopdev-premium-fashion-homepage .product-price {
font-size: 13px;
line-height: 17px;
}
body .vision-hero-section{
margin: 20px 0;
margin-bottom:0;
}
.view-colors-text a {
font-size: 11px;
}
.shopdev-premium-fashion-homepage .section-title {
font-size: 26px;
line-height: 32px;
margin-bottom: 15px;
}
.shopdev-premium-fashion-homepage .gallery-section .section-title {
font-size: 26px!important;
line-height: 32px!important;
}
.shopdev-premium-fashion-homepage .gallery-section {
padding: 20px 0!important;
}
.custom-comfort .left-area h2.section-title {
font-size: 26px !important;
}
.custom-comfort .left-area.left-area-left .right-area {
margin: 0;
}
.custom-comfort .left-area.left-area-left .right-area .top-controls {
position: static;
}
.custom-comfort .left-area.left-area-left {
justify-content: space-between !important;
}
.custom-comfort .left-area.left-area-left .left-area {
/* justify-content: end !important; */
justify-content: flex-end !important;
margin-right: 15px;
}
.custom-comfort .left-area.left-area-left .right-area {
justify-content: flex-start !important;
}
.formal-sec .section-wrapper {
padding: 0px;
width: 100% !important;
padding-inline: 15px;
}
.formal-sec .section-title-heading {
font-size: 20px;
width: 80%;
margin-left: auto;
}
.formal-sec p.formal-offer, a.offer-link {
padding-left: 15px;
max-width: 70%;
margin-left: auto;
}
.benefit-item-block .benefit-item {
width: 100%;
max-width: calc(100% - 0px);
margin: 0;
gap: 0;
}
h2.itb-title {
line-height: 32px;
}
.image-text-benefits {
padding: 30px 20px 40px!important;
}
section.split-hero {
padding-top:30px !important;
}
.style-comfort-inner {
padding-block: 30px!important;
padding-inline: 15px !important;
}
.header__drawer {
position: absolute;
/* right: 15px !important;
top: -6px !important; */
right: 9px !important;
top: 6px !important;
z-index: 99;
display:flex !important;
align-items: center !important;
min-height: 60px !important;
}
.search-modal__button {
right: 15px !important;
position: relative;
}
a.header-logo {
width: 150px !important;
height: auto !important;
}
header .mobile-view-cart {
margin-right: 43px !important;
}
.header-logo {
padding: 0;
text-align: left;
justify-content: left;
}
.header-logo__image {
height: auto;
width: 120px !important;
height: 50px !important;
}
.menu-drawer {
top: 47px !important;
}
body:not(template__collection) .shopify-section.collection-sec{
margin:0;
}
/* body:not(template__collection) header-component#header-component{
position:relative;
} */
.template__product .brow-breadcrumb {
padding-top: 0;
}
.template__collection .collection-heading-section {
padding-top: 20px;
}
.template__collection .facets-toggle{
display:none !important;
}
.template__collection .shopdev-premium-fashion-homepage .section-title-dark{
font-family: "Inter", sans-serif !important;
}
.template__collection .shopdev-premium-fashion-homepage .gallery-section .section-title{
font-size: 26px !important;
line-height: 36px !important;
font-family: "Inter", sans-serif !important;
}
.template__product .product-information.section.section--page-width.spacing-style.color-scheme-1.relative {
margin-top: 24px;
}
.template__product product-recommendations h2{
font-weight: 400!important;
font-size: 26px !important;
line-height: 36px !important;
font-family: "Inter", sans-serif !important;
}
.product-details .spacing-style.text-block h1 {
font-weight: 400;
font-size: 18px;
line-height: 20px;
font-family: "Inter", sans-serif !important;
width: 74%;
}
.template__product .size-chart-link {
position: absolute;
right: 0;
z-index: 1;
}
span.price {
font-size: 20px;
line-height: 40px;
}
.header-wrap .split-left-right-wrap {
align-items: end;
margin-top: 20px;
margin-bottom: 15px;
}
.header-wrap .split-left-right-wrap .slider-top button {
padding-bottom: 0;
padding-top: 0;
}
.popup-container {
gap: 0px;
}
.gallery-section .video-popup {
top: 45%;
height: 80%;
bottom: 0;
transform: translateY(-50%);
overflow-y: scroll;
padding-left: 15px;
}
.popupimage-video {
aspect-ratio: 3/2 !important;
}
.popup-right {
padding-top: 0 !important;
}
.gallery-section .video-popup .video-popup-content {
width: 100% !important;
}
}
/*Range style*/
.grid-range-container #gridRange {
appearance: none;
width: calc(100% - (48px));
height: 5px;
border-radius: 5px;
background: #dcdcdc;
outline: 1px;
padding: 0;
margin: 0;
}
.grid-range-container #gridRange::-webkit-slider-thumb {
appearance: none;
width: 15px;
height: 15px;
border-radius: 100%;
background: #0f0f0f;
cursor: pointer;
transition: background 0.15s ease-in-out;
}
.grid-range-container #gridRange::-webkit-slider-thumb:hover {
transform: scale(1.1);
background: #0f0f0f;}
.grid-range-container #range-slider__range:active::-webkit-slider-thumb {
transform: scale(1.1);
background: #0f0f0f;}
.product-recommendations .section-resource-list__content {
width: 100%;
}
@media(min-width:1024px){
header-component .menu-list__submenu-inner {
padding: 0;
}
header-component .hover-mega-menu {
/* width: 70%; */
}
header-component .menu-list__submenu.color-scheme-1 {
width: 100%;
position: absolute;
/* left: 40px; */
background: #fff;
/* height:100vh; */
top: calc(100% - 0px + var(--border-bottom-width));
/* max-width:800px; */
}
/* header-component .hover-mega-menu {
width: 100%;
max-width: 1170px;
margin-inline: auto;
}
header-component .menu-list__submenu.color-scheme-1 {
width: 100%;
position: fixed;
left: 0;
background: rgba(0, 0, 0, 0.8);
height: 100vh;
top: calc(100% - 0px + var(--border-bottom-width));
max-width: 100%;
right: 0;
} */
header-component .hover-menu-image {
width: 50%;
padding-left: 20px;
}
.hover-menu-list{
width: 50% !important;
}
header-component .hover-mega-menu{
padding:24px;
padding-bottom:150px;
background: #fff;
}
span.price {
font-size: 20px !important;
line-height: 40px;
}
}
.template__product .media-gallery--two-column .media-gallery__grid{
overflow:auto;
-ms-overflow-style: none; /* IE/Edge */
scrollbar-width: none;
}
.template__product .media-gallery--two-column .media-gallery__grid::-webkit-scrollbar {
display: none;
}
.template__product .dialog-modal[open].search-modal__content{
margin-left:0
}
.template__product .pdp_grid {
display:none;
}
.account-actions__main-menu {
/* padding: 32px 24px; */
padding:40px;
max-width: 400px;
}
.cust_txt{
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: #424242;
padding-top: 8px;
padding-bottom: 30px;
}
.cust_title {
font-weight: 600;
font-size: 16px;
line-height: 22px;
text-transform: capitalize;
color: #0F0F0F;
}
.cust_btn a:nth-child(1) {
display: block;
background: #000;
width: 100%;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 22px;
text-align: center;
color: #FFFFFF;
padding: 12px 39px;
border-radius: 5px;
}
.cust_btn a:nth-child(2) {
display: block;
background: #fff;
width: 100%;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 22px;
text-align: center;
color: #000;
padding: 12px 39px;
border: 1px solid;
border-radius: 5px;
}
.cust_btn {
display: flex;
gap: 10px;
flex-direction:column;
}
.login_customer ul {
display: flex;
flex-direction: column;
gap: 10px;
list-style: none;
}
.login_customer li {
border-bottom: 1px solid #DCDCDC;
padding-bottom: 14px;
}
.login_customer li:last-child {
border:0;
padding-bottom: 0px;
}
.login_customer ul li a {
display: flex;
gap: 10px;
}
.login_customer ul svg {
width: 24px;
height: 24px;
}
tr.cart-items__table-row {
display: flex;
flex-wrap: wrap;
}
td.cart-items__media {
width: 100px;
}
td.cart-items__quantity {
flex-direction: column-reverse;
width: 150px;
align-items: end;
margin:0;
}
.cart-items__quantity .quantity-selector {
--quantity-selector-width: auto;
}
.quantity-selector input[type=number] {
max-width: 30px;
}
td.cart-items__details.cart-primary-typography {
width: calc(100% - 280px);
}
fieldset.variant-option.variant-option--buttons.variant-option--equal-width-buttons[data-fieldset-index="1"] {
padding-right: 100px;
}
.size-chart-link {
position: absolute;
right: 0;
}
search-button.search-action {
margin-inline: 0 !important;
}
zoom-dialog .close-button,zoom-dialog .close-button:hover{
background-color: #e6e6e61a;
}
@media (max-width:1151px) {
.acc-text{display:none;}
}
.resource-card__content span.price {
font-size: 18px;
line-height: 28px;
font-weight: 600;
color: #0F0F0F;
margin-top: 10px;
}
@media screen and (min-width: 750px) {
body .cart-actions {
padding: 18px 0;
border-bottom: 0;
}
body .cart-note__summary{
padding: 0;
}
span.cart-note__label.h6.sdfdfvfv,
.cart-gift-wrap{
margin:0 !important;
}
span.cart-note__label.h6.sdfdfvfv {font-family: 'Inter' !important;color: #6D6D6D;}
.why-brow-section .page-width,
.shopdev-premium-fashion-homepage .section-light,
/* .why-brow-section .page-width,
.shopdev-premium-fashion-homepage .stitch-section{
max-width:1328px;
margin:0 auto;
} */
.shopdev-premium-fashion-homepage .section-light{
margin:0 auto;
}
.template__product .product-information__grid:not(:has(.product-information__media:empty)).product-information--media-left:has(.media-gallery--extend){
gap:60px;
margin-bottom: 100px;
}
.template__product .pdp_grid {
display: flex;
align-items: center;
position: absolute;
right: 0;
top: unset;
}
.template__product .pdp_grid span {
padding: 0;
line-height: 12px;
}
.template__product .pdp_grid svg {
width: 18px;
height: 18px;
}
.txt {
display:none;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #6D6D6D;
}
.product-details .txt {
display:block;
}
body .cart-drawer__dialog{
width:100%;
max-width:489px;
}
}
@media(max-width: 1300px) and (min-width: 768px) {
body.template__index .why-brow-section .page-width {
padding-left: 20px !important;
padding-right: 20px !important;
}
body.template__index .why-brow-section .page-width,
body.template__index .shopdev-premium-fashion-homepage .section-light,
body.template__index .shopdev-premium-fashion-homepage .stitch-section {
padding-left: 20px !important;
padding-right: 20px !important;
}
body.template__index .bw-hero {
padding-left: 20px;
padding-right: 20px;
}
body .shopdev-premium-fashion-homepage .newsletter-section{
margin-left: 20px !important;
margin-right: 20px !important;
}
body .newsletter-content {
margin-right: 0;
}
body.template__collection .bw-hero{
padding-left: 20px !important;
padding-right: 20px !important;
}
body.template__collection .shopdev-premium-fashion-homepage .section-light{
padding-left: 20px !important;
padding-right: 20px !important;
}
body.template__product .brow-breadcrumb-text.page-width{
margin: 0px 0px !important;
margin-right: 20px !important;
padding: 16px 20px !important;
padding-right: 0 !important;
}
body.template__product .product-information.section.section--page-width.spacing-style.color-scheme-1.relative{
padding-left: 20px;
padding-right: 20px;
}
.template__product .product-information__grid:not(:has(.product-information__media:empty)).product-information--media-left:has(.media-gallery--extend) {
gap: 20px;
}
}
@media(max-width: 1560px) and (min-width: 1300px) {
body .arrow-btn{
font-size: 12px !important;
max-width: max-content;
white-space: nowrap;
width: 100%;
}
.product-information__grid:not(.product-information__grid--half,:has(.product-information__media:empty)).product-information--media-left {
grid-template-columns: 1fr 1fr;
}
}
@media (max-height: 700px) {
.cart-drawer__dialog:modal {
height: 100vh !important;
top: 0 !important;
right: 0 !important;
}
}
@media(max-width:767px){
.product-details product-price.text-block.text-block--align-left.rte.text-left.paragraph.spacing-style {
position: absolute;
right: 0;
top:-13px;
width: fit-content;
}
.product-details .price-wrap {
text-align: right;
}
.template__product .product-information.section.section--page-width.spacing-style.color-scheme-1.relative{
grid-template-columns: 0;
padding-left: 20px;
padding-right: 20px;
}
.product-form-buttons--stacked button:hover span.add-to-cart-text {
transform: translate(-18px);
}
.template__product .product-information__grid {
grid-column: 2;
}
.template__product .product-details{
padding:0;
}
.product-form-buttons--stacked button.add-to-cart-button {
padding: 12px 5px !important;
}
}
@media(max-width: 400px) and (min-width: 300px) {
.template__product .product-inventory__status {
font-size: 10px;
gap: 5px;
}
.template__product .offer-btn{
font-size:10px;
}
}
@media(max-width:768px){
.header-menu__inner {
display: none !important;
}
.header__drawer.desktop\:hidden {
display: block !important;
}
button.account-button.header-actions__action.\33 333 {
display: none;
}
header-drawer.header-drawer.header__drawer--mobile {
height: 33px;
display: flex !important;
align-items: center;
}
search-button.search-action.desktop\:hidden {
display: block !important;
}
.header__drawer{
position: absolute;
right: 9px !important;
top: 6px !important;
z-index: 99;
display: flex !important;
align-items: center !important;
min-height: 60px !important;
}
.template__product slideshow-controls[controls-on-media][pagination-position=center] {
display: block;
min-height: 4px;
}
.template__product :is(.slideshow-controls__dots,.slideshow-controls__counter):only-child {
display: flex;
gap: 0;
padding: 0;
}
.template__product .slideshow-controls__dots button:after {
width: 100%;
border-radius: 0;
height: 4px;
}
.template__product .slideshow-controls__dots button{
width:100%;
margin: 0 !important;
height: 4px;
}
.template__product .slideshow-controls__dots li {
flex: 1;
}
}
@media(max-width: 768px) and (min-width: 749px) {
header .header__column--right, header .header-menu__inner {
position: absolute;
right: 0;
height: 66px;
}
.header__columns.spacing-style.custom-container {
display: flex;
gap:0;
}
search-button.search-action.desktop\:hidden {
position: absolute;
right: 77px;
}
a.header-logo {
width: 150px !important;
height: auto !important;
}
.header__column{
display: contents;
}
}
@media(min-width:767px){
.left-side .brow-breadcrumb.custom-container.container {
padding-left: 0 !important;
}
.shopdev-premium-fashion-homepage .footer-bottom p a{
margin-top:0;
}
/* .product-information__grid .h4.text-block--align-left h1 {
padding-top: 145px;
} */
.product-information__media ul.media-gallery__grid.list-unstyled {
display: flex;
flex-wrap: wrap;
}
.product-information__media ul.media-gallery__grid.list-unstyled li.product-media-container:nth-child(1) {
width: 100%;
}
.product-information__media ul.media-gallery__grid.list-unstyled li.product-media-container {
width: calc(50% - 4px);
}
.product-details {
/* height: 100%; */
}
.product-details .layout-panel-flex--column{
justify-content:center;
}
.product-details>.group-block {
height: auto !important;
}
.template__index header-component#header-component[data-sticky-state="active"] {
background: #0F0F0F;
}
.template__index header-component#header-component[data-sticky-state="inactive"] span.menu-list__link-title,
.template__index header-component#header-component[data-sticky-state="inactive"] .desktop-view-search,
.template__index header-component#header-component[data-sticky-state="inactive"] .acc-text,
.template__index header-component#header-component[data-sticky-state="inactive"] .desktop-view-cart,
.template__index header-component#header-component[data-sticky-state="inactive"] button.account-button.header-actions__action {
color: #fff;
}
body:not(.template__index) span.menu-list__link-title,
body:not(.template__index) .desktop-view-search,
body:not(.template__index) .acc-text,
body:not(.template__index) .desktop-view-cart,
body:not(.template__index) button.account-button.header-actions__action {
color: #fff;
}
header-component [aria-expanded="true"] span.menu-list__link-title {
color: #fff;
}
.ascfsdf.fdffd,.ascfsdf.sdfdgr,.ascfsdf.sdsdf {
text-indent: -9999999px;
}
.ascfsdf {
padding-bottom: 20px;
font-size: 16px;
line-height: 22px;
font-weight: 600;
}
body:not(.template__index) .header-section {
position: relative;
/*height: 110px;*/
}
}
@media(max-width: 1500px) and (min-width: 767px) {
body .cart-drawer__dialog {
max-width: 500px;
}
}
@media (min-width:1200px) and (max-width:1550px) {
.template__product .product-information.section.section--page-width.spacing-style.color-scheme-1.relative {
padding-left: 100px;
padding-right: 100px;
--full-page-margin-inline-offset: 0 !important;
grid-template-columns: 0;
}
body .shopdev-premium-fashion-homepage h1.center-content-heading {
font-size: 80px !important;
text-transform: capitalize !important;
letter-spacing: -3px;
line-height: 92px;
font-family: Inter, sans-serif !important;
}
body .shopdev-premium-fashion-homepage .main-slider .center-content {
left: 27%;
}
body h2.tagline-h2 {
font-weight: 300;
font-size: 58px;
line-height: 64px;
letter-spacing: -2px;
text-transform: capitalize;
}
body p.tagline-subtitle-p {
font-weight: 400;
font-size: 26px;
line-height: 32px;
letter-spacing: 0;
text-align: center;
text-transform: capitalize;
font-family: "Inter", sans-serif !important;
}
.why-card-content h3{
font-family: "Inter", sans-serif !important;
line-height:44px;
letter-spacing: 0;
font-size:32px;
}
body .arrow-btn{
font-family: "Inter", sans-serif !important;
font-weight: 400;
font-size: 16px !important;
line-height: 22px;
letter-spacing: 0;
text-transform: capitalize;
}
body.template__index .shopdev-premium-fashion-homepage .section-light{
padding-top:75px !important;
}
.formal-title {
font-size: 58px !important;
line-height: 66px !important;
margin-bottom: 18px !important;
font-weight: 400 !important;
}
body h3.formal-highlights-title,body h3.why-heading{
line-height:32px;
font-size:28px;
}
body .bw-hero-content h2{
font-size: 58px !important;
line-height: 66px !important;
font-weight: 400 !important;
}
body .shopdev-premium-fashion-homepage .newsletter-content h2{
font-size:26px;
line-height:32px;
font-weight:400;
}
body.template__collection .page-width h1.collection-heading{
font-size: 58px !important;
line-height: 66px !important;
font-weight: 400 !important;
}
body .bw-hero-content h1,body .split-hero-content h2,body .custom-threads .hero-text h2,body .custom-comfort .left-area h2.section-title,
body .section-title-heading, body .itb-title{
font-size: 58px !important;
line-height: 66px !important;
font-weight: 400 !important;
}
}
@media (min-width:1200px) and (max-width:1728px) {
body .shopdev-premium-fashion-homepage .main-slider .center-content {
left: 33.2%;
}
}
@media (min-width:1728px) {
.template__product .product-information.section.section--page-width.spacing-style.color-scheme-1.relative {
padding-left: 150px;
padding-right: 150px;
--full-page-margin-inline-offset: 0 !important;
grid-template-columns: 0;
}
body .shopdev-premium-fashion-homepage h1.center-content-heading {
font-size: 86px !important;
text-transform: capitalize !important;
letter-spacing: -3px;
line-height: 90px;
font-family: Inter, sans-serif !important;
}
body .shopdev-premium-fashion-homepage .main-slider .center-content {
left: 27%;
}
body .shopdev-premium-fashion-homepage .main-slider .center-content{
left: 18%;
top: 65%;
transform: translate(-18%, -65%);
}
body .why-brow-section .page-width{
padding-left: 150px !important;
padding-right: 150px !important;
}
body h2.tagline-h2 {
font-weight: 300;
font-size: 66px;
line-height: 74px;
letter-spacing: -2px;
text-transform: capitalize;
}
body p.tagline-subtitle-p {
font-weight: 400;
font-size: 32px;
line-height: 44px;
letter-spacing: 0;
text-align: center;
text-transform: capitalize;
font-family: "Inter", sans-serif !important;
}
.why-card-content h3{
font-family: "Inter", sans-serif !important;
line-height:48px;
letter-spacing: 0;
}
body .arrow-btn{
font-family: "Inter", sans-serif !important;
font-weight: 400;
font-size: 16px !important;
line-height: 22px;
letter-spacing: 0;
text-transform: capitalize;
}
.formal-title {
font-size: 66px !important;
line-height: 78px !important;
margin-bottom: 18px !important;
font-weight: 400 !important;
}
body h3.formal-highlights-title, body h3.why-heading{
line-height:44px;
font-size:32px;
}
body .bw-hero-content h2{
font-size: 66px !important;
line-height: 78px !important;
font-weight: 400 !important;
}
body .shopdev-premium-fashion-homepage .newsletter-content h2{
font-size:32px;
line-height:44px;
font-weight:400;
}
body.template__collection .page-width h1.collection-heading{
font-size: 66px !important;
line-height: 78px !important;
font-weight: 400 !important;
}
body .bw-hero-content h1,body .split-hero-content h2,body .custom-threads .hero-text h2,body .custom-comfort .left-area h2.section-title,
body .section-title-heading, body .itb-title {
font-size: 66px !important;
line-height: 78px !important;
font-weight: 400 !important;
}
}
@media (min-width:1920px) {
.template__product .product-information.section.section--page-width.spacing-style.color-scheme-1.relative {
padding-left: 200px;
padding-right: 200px;
--full-page-margin-inline-offset: 0 !important;
grid-template-columns: 0;
}
body .shopdev-premium-fashion-homepage h1.center-content-heading {
font-size: 90px !important;
text-transform: capitalize !important;
letter-spacing: -3px;
line-height: 110px;
font-family: Inter, sans-serif !important;
}
body .shopdev-premium-fashion-homepage .main-slider .center-content {
/* left: 200px; */
}
body .why-brow-section .page-width{
padding-left: 200px !important;
padding-right: 200px !important;
}
body h2.tagline-h2 {
font-weight: 300;
font-size: 70px;
line-height: 90px;
letter-spacing: -2px;
text-transform: capitalize;
}
body p.tagline-subtitle-p {
font-weight: 400;
font-size: 36px;
line-height: 48px;
letter-spacing: 0;
text-align: center;
text-transform: capitalize;
font-family: "Inter", sans-serif !important;
}
.why-card-content h3{
font-family: "Inter", sans-serif !important;
line-height:48px;
letter-spacing: 0;
}
body .arrow-btn{
font-family: "Inter", sans-serif !important;
font-weight: 400;
font-size: 16px !important;
line-height: 22px;
letter-spacing: 0;
text-transform: capitalize;
}
.formal-title {
font-size: 70px !important;
line-height: 90px !important;
margin-bottom: 18px !important;
font-weight: 400 !important;
}
body .bw-hero-content h2{
font-size: 70px !important;
line-height: 90px !important;
font-weight: 400 !important;
}
body h3.formal-highlights-title,body h3.why-heading{
line-height:48px;
}
body.template__collection .page-width h1.collection-heading{
font-size: 70px !important;
line-height: 90px !important;
font-weight: 400 !important;
}
body .shopdev-premium-fashion-homepage .newsletter-content h2{
font-size:36px;
line-height:48px;
font-weight:400;
}
body .bw-hero-content h1,body .split-hero-content h2,body .custom-threads .hero-text h2,body .custom-comfort .left-area h2.section-title,
body .section-title-heading, body .itb-title {
font-size: 70px !important;
line-height: 90px !important;
font-weight: 400 !important;
}
}
/*Range current value*/