:root{
  --gocce-ease:cubic-bezier(.22,1,.36,1);
  --gocce-text:#111;
  --gocce-muted:#777;
  --gocce-bg:#f6f4f1;
  --gocce-soft:#ece8e1;
  --gocce-accent:#121212;
}

body.gocce-premium-motion-ui-plus{
  --gocce-shadow:0 24px 80px rgba(0,0,0,.06);
}

/* ===========================
   PRODUCT LISTS / ARCHIVES
   =========================== */
body.gocce-premium-motion-ui-plus ul.products,
body.gocce-premium-motion-ui-plus .wc-block-grid__products,
body.gocce-premium-motion-ui-plus .wc-block-product-template{
  gap:clamp(22px,3vw,54px)!important;
}

body.gocce-premium-motion-ui-plus ul.products li.product,
body.gocce-premium-motion-ui-plus .wc-block-grid__product,
body.gocce-premium-motion-ui-plus .wc-block-product,
body.gocce-premium-motion-ui-plus .gocce-motion-product{
  position:relative!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
  border-radius:0!important;
  overflow:visible!important;
  transition:transform .55s var(--gocce-ease),opacity .55s var(--gocce-ease)!important;
}

body.gocce-premium-motion-ui-plus ul.products li.product::before,
body.gocce-premium-motion-ui-plus ul.products li.product::after,
body.gocce-premium-motion-ui-plus .wc-block-grid__product::before,
body.gocce-premium-motion-ui-plus .wc-block-grid__product::after,
body.gocce-premium-motion-ui-plus .wc-block-product::before,
body.gocce-premium-motion-ui-plus .wc-block-product::after{
  display:none!important;
  content:none!important;
}

body.gocce-premium-motion-ui-plus ul.products li.product a,
body.gocce-premium-motion-ui-plus .wc-block-grid__product a,
body.gocce-premium-motion-ui-plus .wc-block-product a{
  text-decoration:none!important;
}

/* tighter and larger product visuals */
body.gocce-premium-motion-ui-plus ul.products li.product .woocommerce-LoopProduct-link,
body.gocce-premium-motion-ui-plus .wc-block-grid__product-link,
body.gocce-premium-motion-ui-plus .wc-block-product,
body.gocce-premium-motion-ui-plus .gocce-motion-product{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
}

body.gocce-premium-motion-ui-plus ul.products li.product [class*="image"],
body.gocce-premium-motion-ui-plus ul.products li.product [class*="thumb"],
body.gocce-premium-motion-ui-plus ul.products li.product figure,
body.gocce-premium-motion-ui-plus .wc-block-grid__product-image,
body.gocce-premium-motion-ui-plus .wc-block-components-product-image,
body.gocce-premium-motion-ui-plus .gocce-product-media{
  width:100%!important;
  min-height:clamp(260px,25vw,430px)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  margin:0 auto 10px!important;
  overflow:visible!important;
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
}

body.gocce-premium-motion-ui-plus ul.products li.product img,
body.gocce-premium-motion-ui-plus .wc-block-grid__product-image img,
body.gocce-premium-motion-ui-plus .wc-block-components-product-image img,
body.gocce-premium-motion-ui-plus .gocce-motion-product img{
  display:block!important;
  width:auto!important;
  max-width:92%!important;
  max-height:clamp(250px,24vw,410px)!important;
  height:auto!important;
  object-fit:contain!important;
  transform:scale(1.10)!important;
  transform-origin:center center!important;
  transition:transform .85s var(--gocce-ease), filter .85s var(--gocce-ease)!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
}

body.gocce-premium-motion-ui-plus ul.products li.product:hover img,
body.gocce-premium-motion-ui-plus .wc-block-grid__product:hover img,
body.gocce-premium-motion-ui-plus .wc-block-product:hover img,
body.gocce-premium-motion-ui-plus .gocce-motion-product:hover img{
  transform:scale(1.16) translateY(-6px)!important;
  filter:contrast(1.02) saturate(1.025)!important;
}

body.gocce-premium-motion-ui-plus ul.products li.product .woocommerce-loop-product__title,
body.gocce-premium-motion-ui-plus .wc-block-grid__product-title,
body.gocce-premium-motion-ui-plus .wc-block-components-product-name,
body.gocce-premium-motion-ui-plus .gocce-motion-product .woocommerce-loop-product__title{
  color:var(--gocce-text)!important;
  font-size:clamp(18px,1.35vw,28px)!important;
  line-height:1.16!important;
  font-weight:650!important;
  letter-spacing:-.035em!important;
  text-align:center!important;
  margin:10px 0 6px!important;
}

body.gocce-premium-motion-ui-plus ul.products li.product .price,
body.gocce-premium-motion-ui-plus .wc-block-grid__product-price,
body.gocce-premium-motion-ui-plus .wc-block-components-product-price,
body.gocce-premium-motion-ui-plus .gocce-motion-product .price{
  display:flex!important;
  justify-content:center!important;
  align-items:baseline!important;
  gap:9px!important;
  color:#111!important;
  font-size:clamp(17px,1.05vw,22px)!important;
  font-weight:800!important;
  letter-spacing:-.03em!important;
  margin-top:6px!important;
}
body.gocce-premium-motion-ui-plus .price del{opacity:.42!important;font-size:.76em!important;font-weight:500!important}
body.gocce-premium-motion-ui-plus .price ins{text-decoration:none!important}

/* remove extra card framing and empty wrappers */
body.gocce-premium-motion-ui-plus ul.products li.product > div,
body.gocce-premium-motion-ui-plus ul.products li.product article,
body.gocce-premium-motion-ui-plus .wc-block-grid__product > div,
body.gocce-premium-motion-ui-plus .wc-block-product > div{
  border:0!important;
  box-shadow:none!important;
  background:transparent!important;
}

/* ===========================
   COLLECTION CARDS
   =========================== */
body.gocce-premium-motion-ui-plus .gocce-motion-collections .gocce-motion-collection-card,
body.gocce-premium-motion-ui-plus .gocce-motion-collections .product-category,
body.gocce-premium-motion-ui-plus .gocce-motion-collections .wc-block-product-category{
  position:relative!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
  border-radius:0!important;
  overflow:hidden!important;
  transition:transform .7s var(--gocce-ease), opacity .7s var(--gocce-ease)!important;
  transform-style:preserve-3d;
}

body.gocce-premium-motion-ui-plus .gocce-motion-collections .gocce-motion-collection-card::before,
body.gocce-premium-motion-ui-plus .gocce-motion-collections .gocce-motion-collection-card::after{
  display:none!important;
  content:none!important;
}

body.gocce-premium-motion-ui-plus .gocce-motion-collection-card a{
  border:0!important;
  box-shadow:none!important;
  background:transparent!important;
  text-decoration:none!important;
}

body.gocce-premium-motion-ui-plus .gocce-motion-collection-card img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  transform:scale(1.045)!important;
  transition:transform 1s var(--gocce-ease), filter 1s var(--gocce-ease)!important;
  border:0!important;
  box-shadow:none!important;
}
body.gocce-premium-motion-ui-plus .gocce-motion-collection-card:hover img{
  transform:scale(1.095) translateY(-7px)!important;
}

body.gocce-premium-motion-ui-plus .gocce-motion-collection-card h2,
body.gocce-premium-motion-ui-plus .gocce-motion-collection-card h3,
body.gocce-premium-motion-ui-plus .gocce-motion-collection-card .woocommerce-loop-category__title,
body.gocce-premium-motion-ui-plus .gocce-motion-collection-card [class*="title"]{
  position:relative!important;
  z-index:3!important;
  color:#111!important;
  margin:12px 0 0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  font-size:clamp(28px,2.2vw,42px)!important;
  line-height:1.02!important;
  font-weight:650!important;
  letter-spacing:-.045em!important;
  text-align:center!important;
  text-transform:uppercase!important;
}

/* ===========================
   HERO ADDITIONS
   =========================== */
.gocce-hero-premium-row{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
  margin:18px 0 0;
}
.gocce-hero-premium-chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(17,17,17,.05);
  color:#111;
  font-size:13px;
  font-weight:600;
  letter-spacing:.02em;
  transition:transform .35s var(--gocce-ease), background .35s var(--gocce-ease), box-shadow .35s var(--gocce-ease);
}
.gocce-hero-premium-chip::before{
  content:"";
  width:7px;height:7px;border-radius:50%;background:#111;display:block;opacity:.9;
}
.gocce-hero-premium-chip:hover{
  transform:translateY(-2px);
  background:rgba(17,17,17,.08);
  box-shadow:0 14px 30px rgba(0,0,0,.06);
}
.gocce-hero-cta-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:12px 18px;
  border-radius:999px;
  background:#111;
  color:#fff!important;
  font-weight:650;
  font-size:14px;
  text-decoration:none!important;
  transition:transform .35s var(--gocce-ease), box-shadow .35s var(--gocce-ease), background .35s var(--gocce-ease);
}
.gocce-hero-cta-link:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 34px rgba(0,0,0,.16);
}

.gocce-hero-floating-details{
  position:absolute;
  right:clamp(10px,2vw,28px);
  bottom:clamp(12px,2vw,26px);
  display:flex;
  flex-direction:column;
  gap:10px;
  z-index:4;
  pointer-events:none;
}
.gocce-hero-floating-box{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 13px;
  border-radius:14px;
  background:rgba(255,255,255,.72);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  color:#111;
  font-size:12px;
  font-weight:650;
  box-shadow:0 16px 40px rgba(0,0,0,.08);
  animation:gocceFloat 5.5s ease-in-out infinite;
}
.gocce-hero-floating-box:nth-child(2){animation-delay:.9s}
.gocce-hero-floating-box:nth-child(3){animation-delay:1.8s}
.gocce-hero-floating-box::before{
  content:"";
  width:7px;height:7px;border-radius:50%;background:#111;display:block;
}
@keyframes gocceFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-5px)}
}

/* ===========================
   SEARCH WIGGLE
   =========================== */
body.gocce-premium-motion-ui-plus .gocce-search-wiggle,
body.gocce-premium-motion-ui-plus a[href*="search"],
body.gocce-premium-motion-ui-plus button[aria-label*="Ara"],
body.gocce-premium-motion-ui-plus button[aria-label*="Search"],
body.gocce-premium-motion-ui-plus .search-toggle,
body.gocce-premium-motion-ui-plus .site-search,
body.gocce-premium-motion-ui-plus .header-search{
  transform-origin:center center;
}

body.gocce-premium-motion-ui-plus .gocce-search-wiggle:hover,
body.gocce-premium-motion-ui-plus a[href*="search"]:hover,
body.gocce-premium-motion-ui-plus button[aria-label*="Ara"]:hover,
body.gocce-premium-motion-ui-plus button[aria-label*="Search"]:hover,
body.gocce-premium-motion-ui-plus .search-toggle:hover,
body.gocce-premium-motion-ui-plus .site-search:hover,
body.gocce-premium-motion-ui-plus .header-search:hover{
  animation:gocceWiggle .55s ease-in-out infinite alternate;
}
@keyframes gocceWiggle{
  0%{transform:rotate(0deg) translateY(0)}
  25%{transform:rotate(-4deg) translateY(-1px)}
  50%{transform:rotate(4deg) translateY(0)}
  75%{transform:rotate(-3deg) translateY(-1px)}
  100%{transform:rotate(3deg) translateY(0)}
}

/* ===========================
   MENU OVERLAY / CURSOR
   =========================== */
#gocce-menu-overlay{
  position:fixed;
  inset:0;
  z-index:9998;
  background:rgba(15,15,15,.08);
  backdrop-filter:blur(3px);
  -webkit-backdrop-filter:blur(3px);
  opacity:0;
  pointer-events:none;
  transition:opacity .28s ease;
}
#gocce-menu-overlay.is-visible{
  opacity:1;
  pointer-events:auto;
  cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Ccircle cx='14' cy='14' r='13' fill='white' fill-opacity='0.96' stroke='black' stroke-opacity='0.18'/%3E%3Cpath d='M9 9 L19 19 M19 9 L9 19' stroke='black' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") 14 14, pointer;
}
#gocce-menu-overlay::after{
  content:'Menüyü kapat';
  position:absolute;
  top:18px;
  right:18px;
  padding:8px 12px;
  font-size:12px;
  font-weight:600;
  color:#111;
  background:rgba(255,255,255,.82);
  border-radius:999px;
  opacity:0;
  transform:translateY(-6px);
  transition:all .25s ease;
}
#gocce-menu-overlay.is-visible:hover::after{
  opacity:1;
  transform:translateY(0);
}

/* ===========================
   REVEAL / SHEEN / EXTRA ANIMATIONS
   =========================== */
.gocce-reveal{
  opacity:0;
  transform:translateY(28px) scale(.985);
  filter:blur(4px);
}
.gocce-reveal.gocce-in{
  opacity:1;
  transform:translateY(0) scale(1);
  filter:blur(0);
  transition:opacity .85s var(--gocce-ease), transform .85s var(--gocce-ease), filter .85s ease!important;
}

.gocce-motion-product .gocce-motion-sheen,
.gocce-motion-collection-card .gocce-motion-sheen{
  pointer-events:none;
  position:absolute;
  inset:0;
  z-index:5;
  opacity:0;
  background:linear-gradient(115deg, transparent 28%, rgba(255,255,255,.20) 46%, transparent 64%);
  transform:translateX(-120%);
}
@media (hover:hover) and (pointer:fine){
  .gocce-motion-product:hover .gocce-motion-sheen,
  .gocce-motion-collection-card:hover .gocce-motion-sheen{
    opacity:1;
    animation:gocceSheen 1.15s var(--gocce-ease) 1;
  }
}
@keyframes gocceSheen{to{transform:translateX(120%)}}

/* desktop slight float on cards */
@media (hover:hover) and (pointer:fine){
  body.gocce-premium-motion-ui-plus .gocce-motion-product:hover,
  body.gocce-premium-motion-ui-plus .gocce-motion-collection-card:hover{
    transform:translateY(-5px);
  }
}

/* mobile */
@media (max-width:767px){
  body.gocce-premium-motion-ui-plus ul.products,
  body.gocce-premium-motion-ui-plus .wc-block-grid__products,
  body.gocce-premium-motion-ui-plus .wc-block-product-template{gap:18px!important}

  body.gocce-premium-motion-ui-plus ul.products li.product [class*="image"],
  body.gocce-premium-motion-ui-plus ul.products li.product [class*="thumb"],
  body.gocce-premium-motion-ui-plus ul.products li.product figure,
  body.gocce-premium-motion-ui-plus .wc-block-grid__product-image,
  body.gocce-premium-motion-ui-plus .wc-block-components-product-image,
  body.gocce-premium-motion-ui-plus .gocce-product-media{
    min-height:220px!important;
  }

  body.gocce-premium-motion-ui-plus ul.products li.product img,
  body.gocce-premium-motion-ui-plus .wc-block-grid__product-image img,
  body.gocce-premium-motion-ui-plus .wc-block-components-product-image img,
  body.gocce-premium-motion-ui-plus .gocce-motion-product img{
    max-width:96%!important;
    max-height:260px!important;
    transform:scale(1.08)!important;
  }

  body.gocce-premium-motion-ui-plus .gocce-motion-collection-card h2,
  body.gocce-premium-motion-ui-plus .gocce-motion-collection-card h3,
  body.gocce-premium-motion-ui-plus .gocce-motion-collection-card [class*="title"]{
    font-size:clamp(22px,7vw,31px)!important;
  }

  .gocce-hero-premium-row{gap:8px}
  .gocce-hero-premium-chip{padding:9px 12px;font-size:12px}
  .gocce-hero-cta-link{padding:11px 15px;font-size:13px}
  .gocce-hero-floating-details{right:10px;bottom:10px;gap:8px}
  .gocce-hero-floating-box{padding:8px 10px;font-size:11px}
  .gocce-reveal{transform:translateY(18px);filter:blur(2px)}
}

@media (prefers-reduced-motion:reduce){
  body.gocce-premium-motion-ui-plus *,
  .gocce-reveal,
  .gocce-reveal.gocce-in{
    animation:none!important;
    transition-duration:.01ms!important;
    scroll-behavior:auto!important;
  }
}

/* =========================================================
   v1.2.0 – homepage proportion fix / hero motion / menu / search
   ========================================================= */

/* Homepage: keep featured products naturally proportioned.
   Archive/category product grids keep the closer premium view. */
body.gocce-premium-motion-ui-plus.home ul.products li.product [class*="image"],
body.gocce-premium-motion-ui-plus.home ul.products li.product [class*="thumb"],
body.gocce-premium-motion-ui-plus.home ul.products li.product figure,
body.gocce-premium-motion-ui-plus.home .wc-block-grid__product-image,
body.gocce-premium-motion-ui-plus.home .wc-block-components-product-image,
body.gocce-premium-motion-ui-plus.front-page ul.products li.product [class*="image"],
body.gocce-premium-motion-ui-plus.front-page ul.products li.product [class*="thumb"],
body.gocce-premium-motion-ui-plus.front-page ul.products li.product figure,
body.gocce-premium-motion-ui-plus.front-page .wc-block-grid__product-image,
body.gocce-premium-motion-ui-plus.front-page .wc-block-components-product-image{
  min-height:0!important;
  height:auto!important;
  display:block!important;
  overflow:visible!important;
}

body.gocce-premium-motion-ui-plus.home ul.products li.product img,
body.gocce-premium-motion-ui-plus.home .wc-block-grid__product-image img,
body.gocce-premium-motion-ui-plus.home .wc-block-components-product-image img,
body.gocce-premium-motion-ui-plus.front-page ul.products li.product img,
body.gocce-premium-motion-ui-plus.front-page .wc-block-grid__product-image img,
body.gocce-premium-motion-ui-plus.front-page .wc-block-components-product-image img{
  width:100%!important;
  max-width:100%!important;
  max-height:none!important;
  height:auto!important;
  object-fit:contain!important;
  aspect-ratio:auto!important;
  transform:scale(1)!important;
}
body.gocce-premium-motion-ui-plus.home ul.products li.product:hover img,
body.gocce-premium-motion-ui-plus.home .wc-block-grid__product:hover img,
body.gocce-premium-motion-ui-plus.home .wc-block-product:hover img,
body.gocce-premium-motion-ui-plus.front-page ul.products li.product:hover img,
body.gocce-premium-motion-ui-plus.front-page .wc-block-grid__product:hover img,
body.gocce-premium-motion-ui-plus.front-page .wc-block-product:hover img{
  transform:scale(1.035) translateY(-4px)!important;
}

/* Keep archive/category products close without stretching. */
body.gocce-premium-motion-ui-plus.woocommerce-shop ul.products li.product img,
body.gocce-premium-motion-ui-plus.post-type-archive-product ul.products li.product img,
body.gocce-premium-motion-ui-plus.tax-product_cat ul.products li.product img{
  width:auto!important;
  max-width:94%!important;
  height:auto!important;
  max-height:clamp(280px,27vw,440px)!important;
  object-fit:contain!important;
  aspect-ratio:auto!important;
}

/* Remove the old floating boxes entirely – they were landing on product imagery. */
.gocce-hero-floating-details{display:none!important}

/* New moving hero line lives under the hero text, never over products. */
.gocce-hero-motion-line{
  width:min(720px,100%);
  overflow:hidden;
  margin-top:14px;
  padding:2px 0 4px;
  position:relative;
}
.gocce-hero-motion-track{
  display:flex;
  align-items:center;
  width:max-content;
  gap:10px;
  animation:gocceHeroDrift 15s linear infinite;
  will-change:transform;
}
.gocce-hero-motion-line:hover .gocce-hero-motion-track{animation-play-state:paused}
.gocce-hero-motion-item{
  display:inline-flex;
  align-items:center;
  gap:8px;
  white-space:nowrap;
  padding:8px 13px;
  border-radius:999px;
  background:rgba(17,17,17,.055);
  color:#111;
  font-size:12px;
  font-weight:650;
  letter-spacing:.02em;
}
.gocce-hero-motion-item::before{
  content:"";
  width:6px;height:6px;border-radius:50%;background:#111;display:block;
}
@keyframes gocceHeroDrift{
  0%{transform:translateX(0)}
  100%{transform:translateX(-50%)}
}

/* Search: only wiggles while pointer is actually over it. */
body.gocce-premium-motion-ui-plus .gocce-search-wiggle{animation:none!important;transform-origin:center center!important}
body.gocce-premium-motion-ui-plus .gocce-search-wiggle.gocce-search-hover{
  animation:gocceSearchSide .46s ease-in-out infinite alternate!important;
}
@keyframes gocceSearchSide{
  from{transform:translateX(-2px) rotate(-2deg)}
  to{transform:translateX(2px) rotate(2deg)}
}
/* prevent previous generic :hover rules from continuing on nested search wrappers */
body.gocce-premium-motion-ui-plus a[href*="search"]:hover,
body.gocce-premium-motion-ui-plus button[aria-label*="Ara"]:hover,
body.gocce-premium-motion-ui-plus button[aria-label*="Search"]:hover,
body.gocce-premium-motion-ui-plus .search-toggle:hover,
body.gocce-premium-motion-ui-plus .site-search:hover,
body.gocce-premium-motion-ui-plus .header-search:hover{animation:none!important}

/* Off-canvas panel: force detected menu drawer fully into viewport. */
.gocce-menu-panel-open{
  position:fixed!important;
  top:0!important;
  bottom:auto!important;
  left:0!important;
  right:auto!important;
  height:100dvh!important;
  min-height:100dvh!important;
  max-height:100dvh!important;
  width:min(430px,88vw)!important;
  max-width:88vw!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  z-index:10002!important;
  transform:none!important;
  opacity:1!important;
  visibility:visible!important;
}
/* keep overlay behind the panel but above page */
#gocce-menu-overlay{z-index:10001!important}
.gocce-menu-panel-open{overscroll-behavior:contain}

@media(max-width:767px){
  .gocce-hero-motion-line{width:100%;margin-top:10px}
  .gocce-hero-motion-item{font-size:11px;padding:7px 10px}
  .gocce-menu-panel-open{width:min(390px,92vw)!important;max-width:92vw!important}
  body.gocce-premium-motion-ui-plus.home ul.products li.product img,
  body.gocce-premium-motion-ui-plus.front-page ul.products li.product img{
    width:100%!important;max-width:100%!important;transform:scale(1)!important;
  }
}