/* ============================================================
   INCINKTO — CSS COMPLET : Boutique + Fiche produit
   ============================================================ */

/* ---- GLOBAL ---- */
#secondary, .widget-area, aside { display: none !important; }
#primary, #main, .site-main { width: 100% !important; max-width: 100% !important; float: none !important; }

/* ---- BOUTIQUE ---- */
.woocommerce .products, ul.products { display: none !important; }
.woocommerce-ordering, .woocommerce-result-count, .shop-filters-bar { display: none !important; }

.shop-hero { text-align: center; padding: 72px 48px 52px; border-bottom: 0.5px solid rgba(197,164,100,0.1); }
.shop-hero h1 { font-size: clamp(40px,5vw,64px); margin-bottom: 10px; }
.shop-hero p { font-size: 13px; color: #7a6e62; max-width: 520px; margin: 0 auto; line-height: 2; }

.shop-grid-wrap { max-width: 1400px; margin: 0 auto; padding: 48px 40px 100px; }
.inc-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 28px; }
.inc-card { background: #0a0a0a; display: flex; flex-direction: column; position: relative; border: 0.5px solid rgba(197,164,100,0.12); transition: border-color .3s, transform .3s; }
.inc-card:hover { border-color: rgba(197,164,100,0.4); transform: translateY(-4px); }
.inc-card-img-link { display: block; overflow: hidden; }
.inc-card-img { width: 100%; aspect-ratio: 1/1; overflow: hidden; }
.inc-card-img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .9s ease; }
.inc-card:hover .inc-card-img img { transform: scale(1.06); }
.inc-card-body { padding: 18px 18px 22px; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 5px; border-top: 0.5px solid rgba(197,164,100,0.08); }
.inc-card-cat { font-size: 9px; letter-spacing: .32em; text-transform: uppercase; color: #c5a464; margin: 0; }
.inc-card-title { font-size: 11px; font-weight: 500; letter-spacing: .2em; text-transform: uppercase; color: #f0e8d8; margin: 3px 0; }
.inc-card-title a { color: #f0e8d8; text-decoration: none; }
.inc-card-title a:hover { color: #c5a464; }
.inc-card-notes { font-size: 9px; letter-spacing: .15em; text-transform: uppercase; color: #7a6e62; margin: 0; line-height: 1.8; }
.inc-card-footer { display: flex; align-items: center; justify-content: center; gap: 16px; margin-top: 12px; padding-top: 12px; width: 100%; border-top: 0.5px solid rgba(197,164,100,0.1); }
.inc-card-price { font-family: 'Cormorant Garamond',serif; font-size: 18px; font-weight: 300; color: #c5a464; }
.inc-card-price .woocommerce-Price-amount, .inc-card-price bdi { color: #c5a464 !important; font-family: 'Cormorant Garamond',serif !important; font-size: 18px !important; }
.inc-card-btn { font-size: 8px; letter-spacing: .22em; text-transform: uppercase; background: transparent; border: 0.5px solid rgba(197,164,100,0.3); color: #7a6e62; padding: 7px 14px; text-decoration: none; transition: border-color .3s, color .3s; cursor: pointer; }
.inc-card-btn:hover { border-color: #c5a464; color: #c5a464; }
.inc-badge { position: absolute; top: 12px; left: 12px; z-index: 4; font-size: 8px; letter-spacing: .28em; text-transform: uppercase; background: #c5a464; color: #080808; padding: 4px 10px; font-weight: 500; }

/* ---- FICHE PRODUIT ---- */
.sp-breadcrumb-bar { max-width: 1280px; margin: 0 auto; padding: 20px 40px; font-size: 10px; letter-spacing: .18em; text-transform: uppercase; color: #7a6e62; }
.sp-breadcrumb-bar a { color: #7a6e62; text-decoration: none; }
.sp-breadcrumb-bar a:hover { color: #c5a464; }

.sp-layout { display: grid; grid-template-columns: 90px 1fr 400px; gap: 24px; max-width: 1280px; margin: 0 auto; padding: 32px 40px 60px; align-items: start; }

.sp-thumbs-col { display: flex; flex-direction: column; gap: 10px; }
.sp-thumb { width: 90px; height: 120px; overflow: hidden; cursor: pointer; border: 1.5px solid transparent; transition: border-color .3s; background: #0f0e0d; }
.sp-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.sp-thumb:hover, .sp-thumb.active { border-color: #c5a464; }

.sp-image-col { overflow: hidden; }
.sp-image-col img { width: 100%; aspect-ratio: 1/1; object-fit: cover; display: block; transition: transform .8s ease; }
.sp-image-col:hover img { transform: scale(1.03); }

.sp-info-col { padding-left: 16px; }
.sp-title { font-family: 'Montserrat',sans-serif !important; font-size: 20px !important; font-weight: 500 !important; letter-spacing: .25em !important; text-transform: uppercase !important; color: #f0e8d8 !important; text-align: center !important; margin-bottom: 8px !important; }
.sp-cat { font-size: 10px; letter-spacing: .32em; text-transform: uppercase; color: #c5a464; text-align: center; margin-bottom: 20px; }

.sp-price-wrap { text-align: center; margin-bottom: 24px; }
.sp-price-wrap .woocommerce-Price-amount, .sp-price-wrap bdi { font-family: 'Cormorant Garamond',serif !important; font-size: 38px !important; font-weight: 300 !important; color: #f0e8d8 !important; }

.sp-notes-box { background: rgba(197,164,100,0.06); border-left: 2px solid #c5a464; padding: 12px 16px; margin-bottom: 24px; }
.sp-notes-label { display: block; font-size: 9px; letter-spacing: .3em; text-transform: uppercase; color: #c5a464; margin-bottom: 4px; }
.sp-notes-text { font-size: 11px; letter-spacing: .15em; text-transform: uppercase; color: #a89880; line-height: 1.8; }

.sp-form { display: flex; flex-direction: column; gap: 0; margin-bottom: 24px; }
.sp-qty-row { display: flex; align-items: center; justify-content: center; border: 1px solid rgba(197,164,100,0.3); border-bottom: none; }
.sp-qty-btn { width: 52px; height: 52px; background: transparent; border: none; color: #f0e8d8; font-size: 20px; cursor: pointer; }
.sp-qty-btn:hover { background: rgba(197,164,100,0.08); }
.sp-qty-input { width: 60px; height: 52px; background: transparent; border: none; border-left: 1px solid rgba(197,164,100,0.2); border-right: 1px solid rgba(197,164,100,0.2); color: #f0e8d8; text-align: center; font-size: 16px; outline: none; -moz-appearance: textfield; }
.sp-qty-input::-webkit-inner-spin-button, .sp-qty-input::-webkit-outer-spin-button { -webkit-appearance: none; }
.sp-atc-btn { width: 100%; padding: 18px; background: #c5a464; border: none; color: #080808; font-family: 'Montserrat',sans-serif; font-size: 11px; font-weight: 500; letter-spacing: .3em; text-transform: uppercase; cursor: pointer; transition: background .3s; }
.sp-atc-btn:hover { background: #d4b87a; }

.sp-guarantees { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; padding-top: 20px; border-top: 0.5px solid rgba(197,164,100,0.15); margin-top: 4px; }
.sp-guarantee { display: flex; align-items: center; gap: 8px; font-size: 9px; letter-spacing: .12em; text-transform: uppercase; color: #7a6e62; }
.sp-g-icon { color: #c5a464; font-size: 8px; }

.sp-desc-section { border-top: 0.5px solid rgba(197,164,100,0.15); padding: 48px 40px; max-width: 1280px; margin: 0 auto; }
.sp-desc-inner { max-width: 720px; margin: 0 auto; text-align: center; font-size: 14px; color: #a89880; line-height: 2.2; }
.sp-desc-inner p { margin-bottom: 16px; }

.sp-related-section { border-top: 0.5px solid rgba(197,164,100,0.15); padding: 60px 40px 80px; max-width: 1280px; margin: 0 auto; text-align: center; }
.sp-related-eyebrow { font-size: 9px; letter-spacing: .35em; text-transform: uppercase; color: #c5a464; margin-bottom: 8px; }
.sp-related-title { font-family: 'Montserrat',sans-serif !important; font-size: 12px !important; font-weight: 500 !important; letter-spacing: .35em !important; text-transform: uppercase !important; color: #f0e8d8 !important; margin-bottom: 16px !important; }
.sp-related-divider { width: 40px; height: 1px; background: #c5a464; margin: 0 auto 48px; opacity: .6; }
.sp-related-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 32px; text-align: center; }
.sp-related-card { text-decoration: none; display: block; }
.sp-related-img { overflow: hidden; margin-bottom: 20px; aspect-ratio: 1/1; }
.sp-related-img img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; transition: transform .7s ease; }
.sp-related-card:hover .sp-related-img img { transform: scale(1.05); }
.sp-related-name { font-size: 10px; letter-spacing: .2em; text-transform: uppercase; color: #f0e8d8; font-weight: 500; margin-bottom: 6px; }
.sp-related-cat { font-size: 9px; letter-spacing: .28em; text-transform: uppercase; color: #c5a464; margin-bottom: 6px; }
.sp-related-notes { font-size: 9px; letter-spacing: .12em; text-transform: uppercase; color: #7a6e62; margin-bottom: 10px; line-height: 1.6; }
.sp-related-price .woocommerce-Price-amount { font-family: 'Cormorant Garamond',serif !important; font-size: 18px !important; color: #c5a464 !important; font-weight: 300 !important; }

/* ---- RESPONSIVE ---- */
@media (max-width: 1100px) { .inc-grid { grid-template-columns: repeat(3,1fr); } }
@media (max-width: 750px) { .inc-grid { grid-template-columns: repeat(2,1fr); } .shop-grid-wrap { padding: 32px 16px 60px; } }
@media (max-width: 480px) { .inc-grid { grid-template-columns: 1fr; } }
@media (max-width: 960px) {
  .sp-layout { grid-template-columns: 70px 1fr; padding: 24px 20px; }
  .sp-info-col { grid-column: 1/3; padding: 0; margin-top: 24px; }
  .sp-related-grid { grid-template-columns: repeat(2,1fr); gap: 20px; }
  .sp-related-section, .sp-desc-section { padding: 40px 20px; }
}
@media (max-width: 480px) {
  .sp-thumbs-col { flex-direction: row; overflow-x: auto; }
  .sp-thumb { width: 70px; height: 90px; flex-shrink: 0; }
  .sp-guarantees { grid-template-columns: 1fr; }
}