/* 20260728211322 - v2 */
.gui,
.gui-block-linklist li a {
  color: #666666;
}

.gui-page-title,
.gui a.gui-bold,
.gui-block-subtitle,
.gui-table thead tr th,
.gui ul.gui-products li .gui-products-title a,
.gui-form label,
.gui-block-title.gui-dark strong,
.gui-block-title.gui-dark strong a,
.gui-content-subtitle {
  color: #000000;
}

.gui-block-inner strong {
  color: #848484;
}

.gui a {
  color: #0a8de9;
}

.gui-input.gui-focus,
.gui-text.gui-focus,
.gui-select.gui-focus {
  border-color: #0a8de9;
  box-shadow: 0 0 2px #0a8de9;
}

.gui-select.gui-focus .gui-handle {
  border-color: #0a8de9;
}

.gui-block,
.gui-block-title,
.gui-buttons.gui-border,
.gui-block-inner,
.gui-image {
  border-color: #8d8d8d;
}

.gui-block-title {
  color: #333333;
  background-color: #ffffff;
}

.gui-content-title {
  color: #333333;
}

.gui-form .gui-field .gui-description span {
  color: #666666;
}

.gui-block-inner {
  background-color: #f4f4f4;
}

.gui-block-option {
  border-color: #ededed;
  background-color: #f9f9f9;
}

.gui-block-option-block {
  border-color: #ededed;
}

.gui-block-title strong {
  color: #333333;
}

.gui-line,
.gui-cart-sum .gui-line {
  background-color: #cbcbcb;
}

.gui ul.gui-products li {
  border-color: #dcdcdc;
}

.gui-block-subcontent,
.gui-content-subtitle {
  border-color: #dcdcdc;
}

.gui-faq,
.gui-login,
.gui-password,
.gui-register,
.gui-review,
.gui-sitemap,
.gui-block-linklist li,
.gui-table {
  border-color: #dcdcdc;
}

.gui-block-content .gui-table {
  border-color: #ededed;
}

.gui-table thead tr th {
  border-color: #cbcbcb;
  background-color: #f9f9f9;
}

.gui-table tbody tr td {
  border-color: #ededed;
}

.gui a.gui-button-large,
.gui a.gui-button-small {
  border-color: #8d8d8d;
  color: #000000;
  background-color: #ffffff;
}

.gui a.gui-button-large.gui-button-action,
.gui a.gui-button-small.gui-button-action {
  border-color: #8d8d8d;
  color: #000000;
  background-color: #ffffff;
}

.gui a.gui-button-large:active,
.gui a.gui-button-small:active {
  background-color: #cccccc;
  border-color: #707070;
}

.gui a.gui-button-large.gui-button-action:active,
.gui a.gui-button-small.gui-button-action:active {
  background-color: #cccccc;
  border-color: #707070;
}

.gui-input,
.gui-text,
.gui-select,
.gui-number {
  border-color: #8d8d8d;
  background-color: #ffffff;
}

.gui-select .gui-handle,
.gui-number .gui-handle {
  border-color: #8d8d8d;
}

.gui-number .gui-handle a {
  background-color: #ffffff;
}

.gui-input input,
.gui-number input,
.gui-text textarea,
.gui-select .gui-value {
  color: #000000;
}

.gui-progressbar {
  background-color: #76c61b;
}

/* custom */
/* custom */
:root {
  font-size: 100%;
  --font-main: Chronicle SSm A, Chronicle SSm B, Didot, Playfair Display, serif;
  --font-secondary: gotham ssm a,gotham ssm b,century gothic,helvetica,arial,san-serif;
  --font-light: 300;
  --font-book: 400;
  --font-semibold: 500; /* gotham medium */
  --font-semibold-x: 600;
  --font-bold: 700;

  --font-sm: 0.875rem;
  --font-md: 1rem;
  --font-lg: 1.125rem;
  --font-xl: 1.25rem;
  --font-h1: 2.25rem;
  --font-h2: 1.875rem;

  /* Colors: */
  --color-gold: #C5A059;
  --color-nav-main: #ECDCE3;
  --color-footer-main: #3F383E;
  --color-white-1: #FFFFFF;
  --color-black-1: #000000;
  --unnamed-color-c80805: #C80805;
  --color-link-footer-hover: #DF90AE;
  --color-product-secondary: #DEDEDE;
  --color-form-border: #CCCCCC;
  --color-text-muted: #666666;
  
  --slider-track-height: 4px;
  --checkbox-radio-gap: 8px;
}

.book-override {
  font-weight: var(--font-book) !important;
}
.medium-override {
  font-weight: var(--font-semibold) !important;
}

*::before, 
*::after,
body, 
span, 
div, 
li, 
button, 
input, 
select, 
textarea {
  font-family: var(--font-secondary);
  color: #000;
}

select {
  background-color: transparent !important;
  font-family: var(--font-secondary);
}
input[type="number"] {
 	background-color: transparent !important;
}

*:not(.main-header__link, .main-header__mobile-btn) > svg.icon {
 	color: var(--color-gold); 
}

label {
 	font-family: var(--font-secondary); 
  font-weight: var(--font-book) !important;
  font-size: 12px !important;
}

button.number-input__btn:active,
button.number-input__btn:focus {
  background-color: rgba(161, 182, 162, 0.2) !important;
}

p, strong, i, ol, ul {
  font-family: var(--font-secondary);
  font-size: 14px;
  color: #000 !important;
}

strong {
  font-weight: var(--font-bold);
}

i {
 	font-weight: var(--font-book);
  font-style: italic;
  font-size: 12px;
}

a {
 	font-weight: var(--font-semibold); 
  text-decoration: none;
  color: #000;
  font-family: var(--font-secondary);
  font-size: 14px;
}

a:not(.btn, .gui-button-small, .gui-button-large, .gui-button-action):hover {
  text-decoration: none !important;
  color: var(--color-gold);
  transition: color 0.1s;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-stretch: normal;
  letter-spacing: -1px;
}

h1, h1 {
  font-family: var(--font-main) !important;
  font-size: 50px !important;
  font-weight: var(--font-book);
  color: #000;
}

h2, .h2 {
  font-family: var(--font-main) !important;
  font-size: 32px !important;
  font-weight: var(--font-book);
  color: #000;
}

h3, .h3 {
  font-family: var(--font-main) !important;
  font-size: 28px !important;
  font-weight: var(--font-book);
  color: #000;
}

h4, .h4 {
  font-family: var(--font-main) !important;
  font-size: 20px !important;
  font-weight: var(--font-book);
  color: #000;
}

h5, .h5 {
  font-family: var(--font-secondary) !important;
  font-size: 18px !important;
  font-weight: var(--font-semibold);
  color: #000;
}

h6, .h6 {
  font-family: var(--font-secondary) !important;
  font-size: 16px !important;
  font-weight: var(--font-bold);
  color: #000;
}

@media (max-width: 768px) {
  h1, .h1 {
    font-size: 32px !important;
  }
  
  h3, .h3 {
    font-size: 20px !important;
  }
}

body, p, li, input, textarea {
  font-weight: var(--font-book);
  line-height: 1.6;
  letter-spacing: 0.01em; 
}

html {
 	scroll-behavior: smooth; 
}

/* Layout */
.container {
  max-width: var(--max-width-lg);
}
.container {
  padding-left: 2rem;
  padding-right: 2rem;
  margin: auto;
  width: 100%;
}

aside.sidebar {
 	width: 100%; 
}

/* Header */
header > .main-header__nav,
header > .main-header__mobile-content,
header > .nav-container-mobile {
  background-color: #BBCCBC;
}
.main-header__nav {
	padding-top: 14px;
  padding-bottom: 14px; 
}
.main-header__mobile-content {
  padding-top: 6px;
  padding-bottom: 6px;
}
@media (min-width: 1024px) {
  .main-header__nav .main-header__list {
    margin-left: 9rem;
  }
}
.nav-links li.main-header__item {
  padding: var(--space-xxxs) var(--space-xxs);
}
li.main-header__item a,
li.main-header__item button {
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 0px;
  padding-right: 0px;
  margin-right: 4px;
  margin-left: 4px;
  border-bottom: 2px solid transparent;
  cursor: pointer;
}
a.main-header__link {
  font-weight: bold;
  letter-spacing: 1px;
  color: #000 !important;
}
a.main-header__link:hover,
button.main-header__link:hover {
  color: #000 !important;
  border-color: #000 !important;
}

.main-header__link--icon * {
  font-weight: bold;
  color: #000 !important;
  letter-spacing: 1px;
}

.main-header--mobile li.main-header__item.sign-in-block {
  border-top: 1px solid #9A9A9A !important;
  border-bottom: 1px solid #9A9A9A !important;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
  margin-bottom: 20px;
}
.main-header__top-section {
  background: var(--color-white-1);
}
.main-header__item.js-main-nav__item span {
  font-size: var(--font-sm);
  font-weight: var(--font-semibold);
  text-transform: uppercase;
}
.main-header__search-form.bg {
  box-shadow: 0px 1px 3px #0000004D; 
  opacity: 1;
}
.main-header--mobile .main-header__item:not(:last-child) {
  border-bottom: none !important;
}

.secondary-header-text__italic {
  font-weight: var(--font-bold);
  font-size: 14px;
  font-style: italic;
}
.secondary-header-text {
  font-weight: var(--font-bold);
  font-size: 14px;
}
.main-header__list a.secondary-header-text:hover {
  border-bottom: 2px solid #000;
  color: #000 !important;
  padding-bottom: 7px;
}
.main-header__list a.secondary-header-text:hover * {
  color: #000 !important;
}

@media (max-width: 1023px) {
  .main-header__list *:hover {
    border-bottom: none !important
  }
}

.login-text {
  color: var(--color-black-1);
  font-size: var(--font-sm);
  font-weight: var(--font-semibold);
  margin-left: 2rem !important;
}
a.login-text {
  text-decoration: none;
}
a.login-text:hover {
  color: var(--color-gold);
}
.telephone-text {
  font-size: var(--font-sm);
}
.social-button {
  margin-right: 1rem;
  vertical-align: middle;
}
.dropdown-container {
  font-size: var(--font-sm);
  font-weight: var(--font-bold);
  padding: 1rem;
  width: 350px;
}
.dropdown-container h4 {
  font-size: var(--font-md);
  font-weight: var(--font-bold);
  text-transform: uppercase;
}

.dropdown-container[aria-current='page'],
.main-header__dropdown-link[aria-current='page'] {
  text-decoration: none !important;
  color: var(--color-gold) !important;
}

/* Breadcrumb */
.breadcrumbs__item, .breadcrumbs__item a {
  font-weight: var(--font-semibold) !important;
  font-family: var(--font-secondary) !important;
  font-size: 10px !important;
}
.breadcrumbs__item span {
  font-weight: var(--font-semibold) !important;
  font-family: var(--font-secondary) !important;
  color: #C6C6C6 !important;
  font-size: 11px !important;
}


/* Background */
body {
  background-image: url(https://cdn.shoplightspeed.com/shops/625943/files/59878736/groovepaper.png);
  background-blend-mode: multiply;
  background-color: rgba(249, 248, 246, 1);
  background-repeat: repeat;
}
.background-secondary {
  background-blend-mode: multiply;
  background-color: rgba(161, 182, 162, 0.1);
}

/* Footer */
.main-footer {
  background-image: url('https://cdn.shoplightspeed.com/shops/670876/files/76678775/footer-image.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.main-footer__colophon {
  background-color: #2E2D2B;
}
.main-footer__colophon p {
  color: #FFF !important;
}
.main-footer__content a:hover,
.email:hover, .tel:hover {
  color: #000 !important;
  border-bottom: 2px solid #000;
}

/* Reset default styling differences for actual <button> elements */
button.btn,
input[type="button"].btn,
input[type="submit"].btn,
.gui a.gui-button-small, 
.gui a.gui-button-large,
.gui a.gui-button-large.gui-button-action {
  background-color: unset;
  box-shadow: none;
  -webkit-appearance: none;
  overflow: visible;
}

.btn, 
.gui a.gui-button-small, 
.gui a.gui-button-large,
.gui a.gui-button-large.gui-button-action {
  display: inline-block;
  font-family: var(--font-secondary);
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
  padding: 14px 28px; 
  cursor: pointer;
  border-radius: 0;
  border: 2px solid transparent;
  transition: all 0.2s ease-in-out; 
  text-align: center;
  line-height: 1;
  box-sizing: border-box; 
  white-space: nowrap;
  width: fit-content;
  height: fit-content;
}

.btn--primary {
  background-color: var(--color-gold); 
  color: #000000;
  border-color: var(--color-gold);
}

.btn--primary:hover,
.btn--primary:focus {
  background-color: #FFFFFF;
  color: #000000;
  border-color: var(--color-gold);
}

.btn--secondary, 
.gui a.gui-button-small, 
.gui a.gui-button-large,
.gui a.gui-button-large.gui-button-action{
  background-color: #FFFFFF;
  color: #000000; 
  border-color: var(--color-gold); 
}

.btn--secondary:hover, .gui a.gui-button-small:hover, .gui a.gui-button-large:hover, .gui a.gui-button-large.gui-button-action:hover,
.btn--secondary:focus, .gui a.gui-button-small:focus, .gui a.gui-button-large:focus, .gui a.gui-button-large.gui-button-action:focus {
  background-color: var(--color-gold);
  color: #000000; 
  border-color: var(--color-gold); 
}

/* Product page wishlist btn override */
.btn-wishlist {
  padding: 8px;
}

/* collection override */
li:not(.main-header__item, .breadcrumbs__item) > label, 
li:not(.main-header__item, .breadcrumbs__item) > a {
  font-size: 14px !important;
  font-family: var(--font-secondary) !important;
  font-weight: var(--font-semibold) !important;
}

/************
** Homepage
*************/
.homepage-section {
  margin-bottom: 150px;
}

/* Homepage - Categories section */
.category-card {
  text-align: center;
  background-color: transparent;
}
/*
@media (max-width: 767px) {
	.grid > .category-card:nth-child(2n+1) {
	  margin-left: 0 !important;
	  padding-right: 10px;
	}
	.grid > .category-card:nth-child(2n+2) {
	  margin-left: 0 !important;
	  padding-left: 10px;
	}
}*/

.category-card__img-link {
  display: block;
  position: relative;
  overflow: hidden;
}

.category-card__img-link::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #C1A661;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}

.category-card__img-link img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 286 / 387;
  object-fit: cover;
  transition: transform 0.3s ease, filter 0.3s ease;
}

.category-card__img-link:hover::after {
  opacity: 0.7;
}

.category-card__img-link:hover img {
  transform: scale(1.02);
  filter: contrast(1.05); 
}

.category-card__text {
  padding: 1.5rem 0 0 0;
}

.category-card__title {
  font-weight: normal;
  font-size: 28px;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin: 0 0 8px 0;
}

.category-card__desc {
  line-height: 1.5;
  color: #333;
  margin: 0;
}



/* Homepage - Shop exclusive pieces... section */
.prod-card__img-link {
  position: relative;
  display: block;
  overflow: hidden;
}

.prod-card__img-link::after {
  content: '';
  position: absolute;
  inset: 0; 
  background-color: var(--color-gold); 
  mix-blend-mode: multiply;  
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease; 
}

.prod-card__img-link:hover::after {
  opacity: 0.7;
}

.prod-card__img-link img {
  transition: transform 0.3s ease, filter 0.3s ease;
}

.prod-card__img-link:hover img {
  transform: scale(1.02);
  filter: contrast(1.05); 
}

.prod-card {
  border: 1px solid var(--color-product-secondary);
  border-bottom: 3px solid var(--color-product-secondary);
  box-shadow: 0 1px 3px #0000001A; /* Cleaned 0px to 0 */
}

.prod-card:hover {
  border-bottom: 3px solid var(--color-gold);
  box-shadow: 0 1px 3px #0000003A;
}

.prod-card__action-button {
  margin: auto;
}

.prod-card:hover .prod-card__action-button {
  background-color: var(--color-gold);
}

@media (min-width: 64rem) {
    .prod-card:hover .prod-card__action-button {
        opacity: 1;
        visibility: visible;
    }
}

.prod-card .prod-card__img-wrapper {
  box-shadow: 0 0.5px 0 var(--color-product-secondary);
  background: var(--color-product-secondary);
}

.prod-card div.padding-sm.text-center {
  background: white;
}

.prod-card__header, 
.prod-card h1,
.prod-card .prod-card__title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.prod-card h1,
.prod-card .prod-card__title {
  font-weight: var(--font-semibold) !important;
  font-size: var(--font-lg) !important;
  font-family: var(--font-secondary) !important;
}

.prod-card__price {
  font-family: var(--font-secondary) !important;
  font-size: 14px;
 	font-weight: var(--font-book);
}
.prod-card__wishlist {
 	width: fit-content;
  height: fit-content;
  padding: 6px;
  border-radius: 50%;
}



/************
** Overrides
*************/

.banner-card__content {
  position: relative !important;
}

.hero:not(.hero--no-overlay):before  {
 	display: none; 
}

.hero.hero--no-overlay {
  margin: auto;
  aspect-ratio: 2.2;
}

/* Input */
input[type="radio"], input[type="checkbox"] {
  accent-color: var(--color-gold);
}
.gui-input.gui-focus,
.gui-text.gui-focus,
.gui-select.gui-focus {
  border-color: var(--color-nav-main);
  box-shadow: 0 0 2px var(--color-nav-main);
}
.gui-input, .gui-select {
	background: #FFF !important; 
  font-size: 14px;
}
#searchInput {
  margin-top: 10px;
  margin-bottom: 10px;
}
#searchInput, #searchInputMobile {
  border-color: var(--color-gold);
  box-shadow: outset 1 1 0 var(--color-gold);
  outline-color: var(--color-gold);
  color: var(--color-text-muted);
}

.slider--multi-value .slider__input::-webkit-slider-runnable-track {
    pointer-events: none;
    background-image: linear-gradient(to right, var(--color-contrast-low) var(--slider-fill-value-start), #A0A0A0 var(--slider-fill-value-start), #A0A0A0 var(--slider-fill-value-end), var(--color-contrast-low) var(--slider-fill-value-end))
}

.slider--multi-value .slider__input::-moz-range-track {
    pointer-events: none;
    background-image: linear-gradient(to right, var(--color-contrast-low) var(--slider-fill-value-start), #A0A0A0 var(--slider-fill-value-start), #A0A0A0 var(--slider-fill-value-end), var(--color-contrast-low) var(--slider-fill-value-end))
}

.slider__input::-webkit-slider-thumb {
  background: var(--color-gold);
  cursor: pointer;
}
.slider__input::-moz-range-thumb {
  background: var(--color-gold);
  cursor: pointer;
}

input[type="radio"].radio:checked:after {
  color: var(--color-gold);
}
.radio:checked+label::before, .checkbox:checked+label::before {
  background-color: var(--color-gold);
  border-color: var(--color-gold);
}

/* Accordion */
.accordion__icon-arrow {
  color: var(--color-gold);
}

.powered-by a {
 	color: #FFF !important;
  font-weight: var(--font-book);
}
/* Login page */
.gui-account-loyalty-content {
 	height: auto !important; 
}
.gui.gui-login .gui-buttons .gui-right a {
  width: 100%;
}
/* Cart page */
#gui-form-cart tbody {
  border-bottom: 1px solid var(--color-form-border);
  padding-bottom: 2rem;
}

#gui-form-cart tbody tr:last-child {
  height: 60px;
}
#gui-form-cart a[title="Continue shopping"] {
  left: 0;
  margin-top: -0.5rem;
  position: absolute;
}
#gui-form-cart a[title="Update shopping cart"] {
  background: none;
  border: none;
  display: inline;
  line-height: unset;
  margin-top: -0.5rem;
  padding: 0;
  position: absolute;
  right: 0;
  text-align: right;
  text-decoration: none;
  white-space: unset;
}

@media (max-width: 480px) {
  #gui-form-cart > .gui-form > .gui-table {
    padding-bottom: 0px;
  }

  .gui-col3-equal > .gui-col3-equal-col3.gui-div-cart-sum {
    margin-top: 32px;
  }
}

.gui-div-cart-sum {
  align-items: center;
 	background-color: var(--color-product-secondary);
  display: flex;
  flex-direction: column;
  min-height: 300px;
  padding-top: 2rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-bottom: 1rem;
  position: relative;
  right: 0;
}


.gui-cart-sum .gui-item:first-child,
.gui-cart-sum > .gui-line,
.gui-div-cart-related,
.gui-cart div.gui-clear,
.gui-cart .gui-spacer {
  display: none !important;
}

.gui-cart .gui-col3-equal {
 	min-height: 400px; 
}
.gui-div-cart-shipping {
 	display: inline-block!important;
  margin-left: 2rem;
}
.gui-cart .gui-col3-equal .gui-col3-equal-col2 {
 	width: 64%; 
}
.gui-col3-equal .gui-div-cart-coupons > * {
  display: inline-block;
  margin-top: 2rem;
  vertical-align: top;
  width: 47%;
}

@media (max-width: 1023px) {
  .gui-div-cart-shipping {
   	margin-left: 0px; 
  }
  .gui-cart .gui-col3-equal .gui-col3-equal-col2 {
 		width: 100%; 
  }
  .gui-col3-equal .gui-div-cart-coupons > * {
    width: 100%;
  }
  .gui-div-cart-sum {
  	margin-top: 2rem;  
  }
  .gui-col3-equal .gui-col3-equal-col2.gui-div-cart-coupons,
	.gui-col3-equal .gui-col3-equal-col3.gui-div-cart-sum {
    float: unset;
    width: 100%; 
  }
}

.gui-cart-sum {
  width: 100%;
}
.gui-cart-sum > .gui-item {
  margin-bottom: 0.4rem;
  text-align: center;
}
.gui-cart-sum .gui-item .gui-desc {
  display: inline-block;
  float: unset;
  margin-right: 2rem;
  white-space: nowrap;
  width: auto;
}
@media (max-width: 480px) {
  .gui-cart-sum .gui-item .gui-desc {
    margin-right: 0px;
  }
}
.gui-div-cart-sum .gui-button-large.gui-button-action {
  border-width: 2px;
}
.gui-cart-sum .gui-item .gui-price {
  display: inline-block;
  float: unset;
  width: auto;
}

/* Terms and Conditions */
/************
** /terms-and-conditions
*************/
 
#gui-popover-terms-and-conditions {
  width: 95%;
  z-index: 10;
}
@media (min-width: 1024px) {
  #gui-popover-terms-and-conditions {
    max-width: var(--max-width-lg);
    width: 100%;
	}
}
.gui-popover-title {
  margin-right: 15px;
}

/**
 ** Instagram feed 
 **/
.insta-feed-container {
  width: 100%;
}

/* 
  Grid Layout:
  Columns: 1fr | 1fr | 2fr (Featured Center) | 1fr
  Rows: 2 equal rows
*/
.insta-grid {
  display: grid;
  column-gap: 3px;
  row-gap: 4px;
  width: 100%;
  grid-template-columns: repeat(5, 1fr)
}

.insta-card {
  position: relative;
  overflow: hidden;
  background-color: #e0e0e0;
  aspect-ratio: 1 / 1;
  height: 100%;
}

/* Large featured square spanning 2 rows */
.insta-card.featured {
  grid-column: 3 / span 2;
  grid-row: 1 / span 2;
  aspect-ratio: 1 / 1;
}

.insta-card a {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  color: inherit;
}

.insta-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.35s ease;
}

.insta-card:hover img {
  transform: scale(1.04);
}

/* Overlay styling for featured middle block */
.featured-overlay {
  position: absolute;
  inset: 0;
  /* Dark tint layer to dim the image */
  background: rgba(0, 0, 0, 0.55);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  gap: 12px;
  /* Hidden by default */
  opacity: 0;
  transition: opacity 0.3s ease;
}

/* Fade in on hover */
.insta-card:hover .featured-overlay {
  opacity: 1;
}

/* Ensure SVG and text are pure white */
.featured-overlay svg {
  width: 32px; 
  height: 32px; 
  fill: #ffffff;
}

.featured-overlay .handle {
  font-weight: 700;
  font-size: 1rem;
  letter-spacing: -0.01em;
  color: #ffffff;
}

/* Responsive adjustments for smaller screens */
@media (max-width: 800px) {
  .insta-grid {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
  }

  .insta-card.featured {
    grid-column: 1 / span 2;
    grid-row: auto;
  }
}

/* Fully covered images */

/*.insta-feed-container {
  width: 100%;
  max-width: 100%;             
}

.insta-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 2fr 1fr;
  grid-template-rows: repeat(2, 1fr);
  gap: 0px;                 
  width: 100%;
}

.insta-card {
  position: relative;
  overflow: hidden;
  background-color: #000000;
  aspect-ratio: 1 / 1;
  border-radius: 0px;         
}
*/