/* ==========================================================
   V98 · UX/UI mobile refinement — 26/08/2026
   Mobile-only changes are scoped <= 760px unless noted.
   ========================================================== */

/* Footer social: slightly smaller, centered, no hover colour animation. */
.site-footer-unified .footer-social{gap:9px!important}
.site-footer-unified .footer-social a{width:34px!important;height:34px!important;display:grid!important;place-items:center!important;padding:0!important;line-height:0!important}
.site-footer-unified .footer-social svg{width:15px!important;height:15px!important;display:block!important;margin:auto!important;transform:none!important}
.site-footer-unified .footer-social a:hover,.site-footer-unified .footer-social a:focus-visible{background:#fff!important;color:inherit!important;border-color:var(--cartuja-rule,#d9dde4)!important;transform:none!important}

/* Viste tu mesa recommendations: use the full editorial cover without floating plate. */
.result-floating-plate{display:none!important}
.result-ambient{position:relative;overflow:hidden}
.result-ambient>img{width:100%;height:100%;object-fit:cover!important;object-position:center!important;display:block}

@media(max-width:760px){
  /* ---------- Universal mobile breathing room / overflow safety ---------- */
  html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
  main,section,article,aside,div{min-width:0}
  img,video,canvas,svg{max-width:100%}

  /* Footer: smaller icons; never wider than the mantra. */
  .site-footer-unified .footer-social{width:max-content!important;max-width:100%!important;gap:7px!important}
  .site-footer-unified .footer-social a{width:28px!important;height:28px!important}
  .site-footer-unified .footer-social svg{width:12.5px!important;height:12.5px!important}

  /* ---------- Collection pages ---------- */
  .collection-page{padding-top:calc(var(--header-h,64px) + 24px)!important;overflow-x:hidden!important}
  .collection-page .shop-layout{width:calc(100% - 28px)!important;margin:0 auto!important}
  .collection-page .collection-intro{display:grid!important;grid-template-columns:1fr!important;gap:16px!important;margin:0 0 28px!important;width:100%!important}
  .collection-page .collection-intro>div,.collection-page .collection-intro>p{width:100%!important;max-width:100%!important}
  .collection-page .breadcrumbs{font-size:8.5px!important;line-height:1.5!important;margin-bottom:18px!important;white-space:normal!important}
  .collection-page .collection-kicker{font-size:9px!important;margin-bottom:12px!important}
  .collection-page .collection-intro h1{font-size:clamp(44px,14vw,62px)!important;line-height:.94!important;overflow-wrap:anywhere}
  .collection-page .collection-intro p{font-size:11.5px!important;line-height:1.65!important;margin:0!important;color:var(--ink-soft,#445066)!important;overflow-wrap:anywhere}
  .collection-page .toolbar{margin:0 0 22px!important;padding:0!important;gap:12px!important}
  .collection-page .sort-btn{height:42px!important;padding:0 14px!important;font-size:8px!important}
  .collection-page .products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:28px 10px!important;width:100%!important}
  .collection-page .product-media{aspect-ratio:4/5!important;overflow:hidden!important}
  .collection-page .product-media img.main{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
  .collection-page .product-info{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:3px 7px!important;padding-top:8px!important}
  .collection-page .product-info h3{font-size:9.2px!important;line-height:1.3!important;overflow-wrap:anywhere!important}
  .collection-page .product-info p{font-size:8px!important;grid-column:1!important;margin:0!important}
  .collection-page .product-info .price{font-size:9px!important;grid-column:2!important;grid-row:1!important;white-space:nowrap!important}
  .collection-page .editorial-insert{grid-column:1/-1!important;width:100%!important;margin:0!important;overflow:hidden!important}
  .collection-page .editorial-insert img{width:100%!important;height:auto!important;object-fit:cover!important}

  /* ---------- Product pages ---------- */
  .product-page{overflow-x:hidden!important}
  .product-page .product-detail{width:calc(100% - 28px)!important;margin:0 auto!important;display:grid!important;grid-template-columns:1fr!important;gap:20px!important;height:auto!important;min-height:0!important;padding-top:18px!important}
  .product-page .product-title-panel,.product-page .product-gallery-panel,.product-page .product-info-panel{width:100%!important;height:auto!important;max-height:none!important;min-height:0!important;position:relative!important}
  .product-page .product-title-sticky,.product-page .product-info-sticky{position:relative!important;top:auto!important;transform:none!important;height:auto!important;min-height:0!important}
  .product-page .product-title-panel{order:1!important}
  .product-page .product-gallery-panel{order:2!important}
  .product-page .product-info-panel{order:3!important}
  .product-page .product-title-panel h1{font-size:clamp(36px,11vw,50px)!important;line-height:.96!important;margin-bottom:12px!important}
  .product-page .product-short{font-size:11.5px!important;line-height:1.65!important;max-width:46ch!important}
  .product-page .product-main-media{width:100%!important;height:auto!important;aspect-ratio:4/5!important;min-height:0!important;max-height:none!important;overflow:hidden!important}
  .product-page .product-gallery-slide{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
  .product-page .piece-color-row,.product-page .piece-dimension-row{padding:13px 0!important}
  .product-page .product-accordion button{padding:13px 0!important}
  .product-page .product-buy-block,.product-page .ceilan-bundle-footer{position:relative!important;bottom:auto!important;margin-top:14px!important}
  .product-page .product-story,.product-page .product-related,.product-page .ceilan-pack-section{width:calc(100% - 28px)!important;margin-left:auto!important;margin-right:auto!important;overflow:hidden!important}
  .product-page .product-story-card{display:grid!important;grid-template-columns:1fr!important;min-height:0!important}
  .product-page .product-story-media{height:48dvh!important;min-height:300px!important}
  .product-page .product-story-copy{padding:28px 20px 34px!important}
  .product-page .product-story-copy h2{font-size:34px!important;line-height:1!important}
  .product-page .related-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px 10px!important}
  .product-page .related-grid .product-media{aspect-ratio:4/5!important}
  .product-page .related-grid .product-media img{width:100%!important;height:100%!important;object-fit:cover!important}

  /* ---------- Nuestras mesas: 90dvh editorial modules + mobile selector ---------- */
  .tables-page{overflow-x:hidden!important;padding-top:calc(var(--header-h,64px) + 28px)!important}
  .tables-hero{width:calc(100% - 28px)!important;margin:0 auto 28px!important;gap:14px!important}
  .tables-hero h1{font-size:clamp(38px,11vw,52px)!important}
  .tables-hero>p{font-size:11.5px!important;line-height:1.65!important;margin:0!important}
  .table-filters{width:calc(100% - 28px)!important;margin:0 auto 28px!important;padding:8px!important;border:1px solid rgba(15,26,46,.10)!important;border-radius:999px!important;background:#f7f7f5!important;display:flex!important;flex-wrap:nowrap!important;justify-content:flex-start!important;gap:7px!important;overflow-x:auto!important;scrollbar-width:none!important;scroll-snap-type:x proximity!important}
  .table-filters::-webkit-scrollbar{display:none}
  .table-filter{flex:0 0 auto!important;min-height:38px!important;padding:0 15px!important;border-radius:999px!important;background:#fff!important;border:1px solid rgba(15,26,46,.10)!important;scroll-snap-align:start!important;color:var(--ink-soft,#445066)!important}
  .table-filter:after{display:none!important}
  .table-filter.active{background:var(--ink,#0f1a2e)!important;color:#fff!important;border-color:var(--ink,#0f1a2e)!important}
  .table-filter span{font-size:8.5px!important;letter-spacing:.12em!important}
  .table-scenes-list{width:calc(100% - 28px)!important;margin:0 auto 70px!important;gap:28px!important}
  .table-scene-block,.table-scene-block.reverse{height:90dvh!important;min-height:620px!important;max-height:820px!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:minmax(0,1.08fr) minmax(0,.92fr)!important;gap:0!important;border:1px solid rgba(15,26,46,.10)!important;background:#fff!important;overflow:hidden!important}
  .table-scene-block.reverse .table-scene-photo,.table-scene-block.reverse .table-scene-product{order:initial!important}
  .table-scene-photo{width:100%!important;height:100%!important;min-height:0!important}
  .table-scene-product{width:100%!important;height:100%!important;min-height:0!important;padding:16px 38px 18px!important;border-top:1px solid rgba(15,26,46,.10)!important;border-bottom:0!important;justify-content:center!important}
  .table-shop-scene .table-product-link img{height:min(20dvh,150px)!important;margin:0 auto 8px!important}
  .table-scene-product h2{font-size:22px!important;margin:0 0 4px!important}
  .table-product-note{display:none!important}
  .table-product-lines{margin:9px 0 5px!important}
  .table-shop-scene .table-scene-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;margin-top:6px!important}
  .table-shop-scene .table-scene-actions .ghost-btn:first-child{grid-column:1/-1!important}
  .table-shop-scene .table-scene-actions .ghost-btn{width:100%!important;min-width:0!important;min-height:35px!important;padding:0 7px!important;font-size:7.5px!important;letter-spacing:.08em!important}

  /* ---------- Viste tu mesa: guide text on image, compact lab, live wizard ---------- */
  .vt-section{padding-left:14px!important;padding-right:14px!important}
  .vt-section .section-head{width:100%!important;max-width:100%!important}
  .guide-showcase{padding:0!important;border-radius:24px!important;display:block!important;position:relative!important}
  .guide-visual{min-height:68dvh!important;max-height:620px!important;border-radius:24px!important}
  .guide-copy-wrap{position:absolute!important;left:0!important;right:0!important;bottom:0!important;min-height:0!important;z-index:8!important;padding:80px 20px 22px!important;background:linear-gradient(180deg,transparent,rgba(7,18,36,.82))!important;color:#fff!important;pointer-events:none!important}
  .guide-panel{display:none!important;position:relative!important;opacity:1!important;transform:none!important;color:#fff!important}
  .guide-panel.is-active{display:block!important}
  .guide-panel>span{display:none!important}
  .guide-panel h3{font-size:34px!important;color:#fff!important;margin:0 0 8px!important}
  .guide-panel p{font-size:12px!important;line-height:1.55!important;color:rgba(255,255,255,.88)!important;max-width:44ch!important}
  .guide-media-label{display:none!important}
  .tube-nav{width:100%!important;margin-bottom:12px!important;gap:5px!important;padding:5px!important;border-radius:999px!important}
  .tube-item{min-height:40px!important;padding:0 12px!important;border-radius:999px!important}
  .tube-item span{display:none!important}.tube-item b{font-size:8px!important;letter-spacing:.08em!important}

  #lab{padding-top:46px!important;padding-bottom:46px!important}
  #lab>.section-head{margin-bottom:20px!important}
  .lab{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;height:auto!important}
  .lab-stage{position:sticky!important;top:calc(var(--header-h,64px) + 8px)!important;z-index:12!important;width:100%!important;height:42dvh!important;min-height:310px!important;max-height:390px!important;border-radius:24px!important;box-shadow:0 18px 44px rgba(15,26,46,.10)!important}
  .lab-controls{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;padding:0!important}
  .lab-controls h3,.lab-controls>p{grid-column:1/-1!important;margin:0!important}
  .lab-controls h3{font-size:27px!important;margin-top:4px!important}.lab-controls>p{display:none!important}
  .lab-quick-actions{grid-column:1/-1!important;margin:2px 0 3px!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
  .lab-toggle{min-height:48px!important;padding:7px 10px!important;border:1px solid rgba(15,26,46,.10)!important;border-radius:12px!important;grid-template-columns:1fr 22px!important;gap:8px!important}
  .lab-thumb{display:none!important}.lab-toggle__label small{display:none!important}.lab-toggle__label b{font-size:9px!important;line-height:1.2!important}
  .lab-switch{width:21px!important;height:12px!important}.lab-switch:after{width:8px!important;height:8px!important;top:1px!important;left:1px!important}.lab-toggle[aria-pressed="true"] .lab-switch:after{transform:translateX(9px)!important}

  #wizard{padding-top:48px!important}
  .wizard-grid--redesign{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  .wz-preview--redesign{position:sticky!important;top:calc(var(--header-h,64px) + 7px)!important;z-index:14!important;background:#fff!important;border-radius:22px!important;box-shadow:0 16px 44px rgba(15,26,46,.12)!important;padding:7px!important}
  .wz-preview__top{padding:3px 5px 7px!important}
  .wz-preview--redesign .wz-stage{aspect-ratio:16/8.6!important;min-height:0!important;max-height:34dvh!important;border-radius:17px!important}
  .wz-caption{padding:8px 10px!important;font-size:8px!important;border-radius:0 0 17px 17px!important}
  .wz-live-summary{display:none!important}
  .wz-builder{padding:14px!important;border-radius:22px!important;box-shadow:none!important}
  .wz-builder__head{margin-bottom:9px!important}.wz-builder__head span{font-size:18px!important}
  .wz-builder .wz-progress{position:relative!important;top:auto!important;margin-bottom:10px!important}
  .wz-panel .wz-step-card{display:none!important}
  .wz-panel .wz-step-card.is-mobile-current{display:block!important;min-height:0!important;padding:15px!important;border-radius:18px!important}
  .wz-step-card:before{display:none!important}
  .wz-step-card h3{font-size:26px!important;margin:3px 0 4px!important}
  .wz-step-card>p{font-size:10.5px!important;margin:0 0 10px!important}
  .wz-step-card .wz-options{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  .wz-opt--visual{grid-template-columns:1fr!important;min-height:62px!important;padding:10px!important;border-radius:14px!important;text-align:center!important;place-items:center!important}
  .wz-opt-media,.wz-check{display:none!important}
  .wz-opt-copy{gap:2px!important;align-items:center!important}.wz-opt-copy b{font-size:10.5px!important}.wz-opt-copy small{font-size:8.8px!important;line-height:1.25!important}
  .wz-step__head{margin-bottom:3px!important}.wz-step__chosen{font-size:7px!important}
  .wz-mobile-nav{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-top:10px!important;padding-top:10px!important;border-top:1px solid rgba(15,26,46,.10)!important}
  .wz-mobile-prev{border:0!important;background:transparent!important;color:var(--ink,#0f1a2e)!important;font-size:8.5px!important;letter-spacing:.08em!important;text-transform:uppercase!important;padding:8px 0!important}
  .wz-mobile-prev:disabled{opacity:.25!important}.wz-mobile-step{font-size:8px!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:var(--muted,#7a8190)!important}
  .result-card--editorial{grid-template-columns:1fr!important;padding:12px!important;border-radius:22px!important}
  .result-card--editorial .result-ambient{aspect-ratio:4/5!important;border-radius:17px!important}
  .result-card--editorial .result-ambient>img{object-fit:cover!important}
  .result-card--editorial .result-body{padding:16px 6px 6px!important}
  .result-card--editorial .result-products{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
  .result-card--editorial .result-product{padding:6px!important;border-radius:12px!important}.result-card--editorial .result-product b{font-size:8px!important}.result-card--editorial .result-product small{font-size:7.5px!important}

  /* ---------- Artesanía: tighter 3D process + 2x2 collection grid ---------- */
  .process-track{height:470dvh!important}
  .process-pin{height:100dvh!important;min-height:0!important}
  .process-copy{padding-top:8dvh!important;padding-left:16px!important;padding-right:16px!important}
  #plate-canvas{width:min(78vw,330px)!important;height:min(78vw,330px)!important}
  .plate-fallback{width:min(72vw,300px)!important}
  .process-final{bottom:5dvh!important;width:calc(100% - 32px)!important}
  .process-final h2{font-size:clamp(28px,8vw,38px)!important}
  .coll-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px 10px!important}
  .coll-card,.coll-card.tall{grid-column:auto!important}
  .coll-cap{gap:4px!important}.coll-name{font-size:18px!important}.coll-tag{font-size:7px!important}

  /* ---------- Sellos hero: align like normal page titles ---------- */
  .stamp-hero{min-height:calc(100dvh - var(--header-h,64px))!important;height:auto!important;padding:0 18px!important;display:flex!important;align-items:flex-start!important}
  .stamp-hero-copy{position:relative!important;left:auto!important;right:auto!important;top:auto!important;transform:none!important;width:100%!important;max-width:100%!important;padding-top:clamp(74px,12dvh,110px)!important;margin:0!important;text-align:left!important}
  .stamp-hero-copy h1{font-size:clamp(38px,11vw,54px)!important;line-height:.98!important;max-width:10.5ch!important;margin:0 0 16px!important}
  .stamp-hero-copy p{font-size:11.5px!important;line-height:1.62!important;max-width:35ch!important;margin:0!important}

  /* ---------- Home mobile: side padding, compact triptych, mobile scene card ---------- */
  body.home-page main>section:not(.hero-scroll):not(.history){padding-left:14px!important;padding-right:14px!important}
  .section-head{max-width:100%!important;padding-left:0!important;padding-right:0!important}
  .triptych{padding-left:14px!important;padding-right:14px!important}
  .triptych-grid{display:flex!important;gap:10px!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important;padding-bottom:8px!important}
  .triptych-grid::-webkit-scrollbar{display:none!important}
  .triptych-grid .collection-card{flex:0 0 78vw!important;max-width:330px!important;scroll-snap-align:center!important;margin:0!important}
  .triptych-grid .collection-image{height:42dvh!important;max-height:380px!important}
  .triptych-grid .collection-card h3{font-size:29px!important;margin:10px 0 5px!important}.triptych-grid .collection-card p{font-size:10px!important;line-height:1.5!important;display:-webkit-box!important;-webkit-line-clamp:4!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
  .scene-redesign{padding-left:14px!important;padding-right:14px!important}
  .scene-layout{display:block!important;width:100%!important}
  .scene-copy{text-align:left!important;margin-bottom:18px!important}
  .scene-interactive{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:minmax(0,50dvh) minmax(0,40dvh)!important;height:90dvh!important;min-height:660px!important;max-height:820px!important;border:1px solid rgba(15,26,46,.10)!important;overflow:hidden!important}
  .scene-left-image{height:100%!important;min-height:0!important}
  .scene-product-view{height:100%!important;min-height:0!important;border-top:1px solid rgba(15,26,46,.10)!important}
  .scene-product-inner{height:100%!important;padding:14px 38px 18px!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
  .scene-product-inner img{height:min(19dvh,150px)!important;margin-bottom:7px!important}
  .scene-product-inner h3{font-size:22px!important}.scene-product-inner p{font-size:8px!important}.scene-product-inner .scene-price{font-size:10px!important}
  .scene-actions{width:100%!important;gap:6px!important}.scene-actions>.ghost-btn{min-height:34px!important;font-size:7px!important;letter-spacing:.07em!important;padding:0 6px!important}

  /* ---------- Heritage: turn scroll theatre into a clean stacked mobile narrative ---------- */
  body:has(.hero-history){overflow-x:hidden!important}
  .heritage-timeline{display:none!important}
  .hero-history{height:88dvh!important;min-height:620px!important}
  .hero-copy{width:calc(100% - 32px)!important;left:16px!important;right:16px!important;bottom:9dvh!important}
  .hero-copy h1{font-size:clamp(52px,16vw,72px)!important}
  #timelineStart{display:block!important}
  .era,.era-long{height:auto!important;min-height:0!important;padding:56px 16px!important;overflow:visible!important}
  .era-stage{height:auto!important;min-height:0!important;position:relative!important;display:block!important}
  .era-year{position:relative!important;left:auto!important;top:auto!important;transform:none!important;opacity:.14!important;filter:none!important;font-size:clamp(74px,22vw,120px)!important;line-height:.8!important;text-align:center!important;margin:0 0 24px!important}
  .visual-block{position:relative!important;left:auto!important;top:auto!important;transform:none!important;opacity:1!important;filter:none!important;width:100%!important;max-width:100%!important;display:block!important}
  .era-meta{position:relative!important;opacity:1!important;transform:none!important;width:100%!important;margin-bottom:18px!important}
  .era-meta h2{font-size:clamp(34px,10vw,48px)!important;line-height:1!important;max-width:100%!important}
  .era-copy{position:relative!important;opacity:1!important;transform:none!important;width:100%!important;max-width:100%!important;margin-top:18px!important}
  .media{position:relative!important;width:100%!important;max-width:100%!important;display:grid!important;grid-template-columns:1fr!important;gap:10px!important;transform:none!important}
  .media .frame,.media .card,.media .mag-card,.cslide{position:relative!important;transform:none!important;width:100%!important;max-width:100%!important;height:auto!important;opacity:1!important}
  .media img,.frame img,.cslide img{width:100%!important;height:auto!important;max-height:62dvh!important;object-fit:contain!important;filter:none!important}
  .carousel-unit{width:100%!important}.carousel-bar{margin-top:8px!important}
  .global-ghost-title{display:none!important}
  .heritage-finale{min-height:76dvh!important;height:auto!important;padding:52px 16px!important}
  .finale-panel{width:100%!important;max-width:100%!important;padding:24px!important}
}

@media(min-width:761px){.wz-mobile-nav{display:none!important}}

/* v98.1 corrections */
/* Wizard options: remove decorative circular glyphs on every breakpoint; keep clean selectable cards. */
.wz-opt--visual{grid-template-columns:1fr!important}
.wz-opt-media,.wz-check{display:none!important}
.wz-opt-copy{min-width:0!important}

@media(max-width:760px){
  /* Home selectors without requiring a body class. */
  body:has(.hero-scroll) main>section:not(.hero-scroll):not(.history){padding-left:14px!important;padding-right:14px!important}

  /* Sellos premium hero — standard mobile page title layout. */
  .stamp-hero-premium{min-height:calc(100dvh - var(--header-h,64px))!important;height:auto!important;padding:0!important;display:block!important;background-position:64% center!important;overflow:hidden!important}
  .stamp-hero-premium .stamp-hero-copy{position:relative!important;left:auto!important;right:auto!important;top:auto!important;transform:none!important;width:calc(100% - 36px)!important;max-width:none!important;min-height:0!important;padding:clamp(76px,12dvh,112px) 0 42px!important;margin:0 auto!important;text-align:left!important;display:block!important}
  .stamp-hero-premium .stamp-hero-copy h1{width:100%!important;max-width:10.8ch!important;font-size:clamp(38px,11vw,52px)!important;line-height:.98!important;letter-spacing:-.025em!important;margin:0 0 16px!important}
  .stamp-hero-premium .stamp-hero-copy .stamp-intro{width:100%!important;max-width:35ch!important;font-size:11.5px!important;line-height:1.62!important;margin:0!important}
  .stamp-hero-stage{display:none!important}

  /* More compact 3D craft scroll. */
  .process-track{height:390dvh!important}
}