/* MODULE: persoane-frame-reveal-v13.css */
/* V13 - Full Pachete portrait in its original unhovered frame; true expanded panorama of same artwork.
 * The original photo NEVER scales when changing state. The second image is the authored original
 * modal panoramic composition, already supplied in PASS 369, and also NEVER changes optical size.
 * The card itself changes width, which gradually reveals more of that panorama.
 */
@media(min-width:1200px){
 #cda-persons-v4.cda-pf-v5 #cats.sens-row{
   height:var(--pf-row-height,295px)!important;
   overflow:visible!important;
 }
 #cda-persons-v4.cda-pf-v5 #cats .sens-slot{
   height:100%!important;
 }
 #cda-persons-v4.cda-pf-v5 #cats .sens-card,
 #cda-persons-v4.cda-pf-v5 #cats.has-active .sens-slot.active .sens-card{
   flex:1 1 100%!important;
   width:100%!important;
   height:100%!important;
   max-width:none!important;
   min-width:0!important;
   overflow:hidden!important;
   transform:none!important;
 }
 #cda-persons-v4.cda-pf-v5 #cats .sens-photo,
 #cda-persons-v4.cda-pf-v5 #cats .sens-photo-wide{
   position:absolute!important;
   top:4px!important;left:4px!important;
   right:auto!important;bottom:auto!important;
   height:calc(100% - 8px)!important;
   max-width:none!important;
   min-width:0!important;
   object-fit:cover!important;
   display:block;
   clip-path:polygon(10px 0,calc(100% - 17px) 0,100% 16px,100% calc(100% - 13px),calc(100% - 13px) 100%,10px 100%,0 calc(100% - 13px),0 17px);
   z-index:1!important;
   transform:none!important;
   filter:saturate(.79) sepia(.12) hue-rotate(-7deg) brightness(1.1)!important;
 }
 /* This is identical to the image treatment on Pachete > TOATE in non-hover state. */
 #cda-persons-v4.cda-pf-v5 #cats .sens-photo{
   width:calc(var(--pf-normal-width,225px) - 8px)!important;
   object-position:var(--ff-pos,49% 54%)!important;
   opacity:1!important;
   transition:opacity .32s ease!important;
 }
 /* Same authored scene, extended horizontally by existing landscape modal asset. */
 #cda-persons-v4.cda-pf-v5 #cats .sens-photo-wide{
   width:calc(var(--pf-expanded-width,535px) - 8px)!important;
   object-position:var(--pf-panorama-pos,50% 55%)!important;
   opacity:0;
   transition:opacity .42s ease!important;
   pointer-events:none;
 }
 #cda-persons-v4.cda-pf-v5 #cats.has-active .sens-slot.active .sens-photo{opacity:0!important}
 #cda-persons-v4.cda-pf-v5 #cats.has-active .sens-slot.active .sens-photo-wide{opacity:1!important}
 #cda-persons-v4.cda-pf-v5 #cats .sens-photo-wash{
   z-index:2!important;
   inset:4px!important;
   width:auto!important;height:auto!important;
   transform:none!important;
   background:linear-gradient(180deg,rgba(255,248,244,.96) 0%,rgba(255,246,240,.94) 25%,rgba(255,239,234,.76) 42%,rgba(251,218,205,.16) 74%,rgba(91,17,38,.07) 100%)!important;
 }
 /* Keep intact continuous Floating Frame corners and outlines; don't clip the photo to its own narrow edges on expansion. */
 #cda-persons-v4.cda-pf-v5 #cats .sens-slot::before{right:-4px!important;width:auto!important}
 #cda-persons-v4.cda-pf-v5 #cats .sens-slot[data-cat="0"]{--pf-panorama-pos:50% 55%;--ff-pos:49% 54%}
 #cda-persons-v4.cda-pf-v5 #cats .sens-slot[data-cat="1"]{--pf-panorama-pos:63% 51%;--ff-pos:49% 54%}
 #cda-persons-v4.cda-pf-v5 #cats .sens-slot[data-cat="2"]{--pf-panorama-pos:51% 56%;--ff-pos:49% 54%}
 #cda-persons-v4.cda-pf-v5 #cats .sens-slot[data-cat="3"]{--pf-panorama-pos:47% 58%;--ff-pos:49% 54%}
 #cda-persons-v4.cda-pf-v5 #cats .sens-slot[data-cat="4"]{--pf-panorama-pos:46% 52%;--ff-pos:49% 54%}
 #cda-persons-v4.cda-pf-v5 #cats .sens-slot[data-cat="5"]{--pf-panorama-pos:48% 52%;--ff-pos:49% 54%}
}
@media(max-width:1199px){
 #cda-persons-v4.cda-pf-v5 #cats .sens-photo-wide{display:none!important}
 #cda-persons-v4.cda-pf-v5 #cats .sens-photo{
   position:absolute!important;inset:4px!important;width:calc(100% - 8px)!important;height:calc(100% - 8px)!important;
   transform:none!important;object-fit:cover!important;object-position:50% 54%!important;
 }
}
@media(prefers-reduced-motion:reduce){
 #cda-persons-v4.cda-pf-v5 #cats .sens-photo,
 #cda-persons-v4.cda-pf-v5 #cats .sens-photo-wide,
 #cda-persons-v4.cda-pf-v5 #cats .sens-slot{transition:none!important}
}


/* MODULE: persoane-unified-floating-v16.css */
/* Persoane Fizice V14. Uses original Floating Frame construction from Pachete/TOATE.
 * Two geometries, as in Pachete: photo or content in the cut-corner inner frame,
 * and an exterior separated drafting contour with fine points. All wrappers are
 * independent of product contents. The six V13 category cards are NOT modified. */
#cda-persons-v4.cda-pf-v5 .pf-drafting-shell{
  --pf-shell-gap:5px;
  position:relative;display:block;min-width:0;
  padding:var(--pf-shell-gap);
  isolation:isolate;
  background:
    linear-gradient(90deg,transparent 0%,#c54c58 4%,#ea9b8d 35%,transparent 47%) left 2px top 0 / 100% 1px no-repeat,
    linear-gradient(90deg,transparent 0%,#e49a88 15%,#ae344a 55%,transparent 79%) right 0 bottom 0 / 100% 1px no-repeat;
}
/* THIS is the exterior contour of .sens-slot from the existing Pachete CSS. */
#cda-persons-v4.cda-pf-v5 .pf-drafting-shell::before{
  content:"";position:absolute;z-index:5;pointer-events:none;
  top:0;right:0;bottom:0;left:0;
  border:1px solid rgba(211,72,82,.76);
  clip-path:polygon(16px 0,calc(100% - 32px) 0,calc(100% - 19px) 7px,
    calc(100% - 8px) 7px,100% 20px,100% calc(100% - 26px),
    calc(100% - 26px) 100%,24px 100%,0 calc(100% - 27px),0 23px);
}
#cda-persons-v4.cda-pf-v5 .pf-drafting-shell::after{
  content:"";position:absolute;z-index:6;pointer-events:none;
  left:-2px;top:42%;width:3px;height:39px;
  background:radial-gradient(circle,#cf4855 1.1px,transparent 1.5px)
    center top / 3px 9px repeat-y;opacity:.70;
}
/* The frame INSIDE the contour shares exactly the original Pachete corner silhouette. */
#cda-persons-v4.cda-pf-v5 .pf-drafting-shell > .pf-ff-panel,
#cda-persons-v4.cda-pf-v5 .pf-drafting-shell > .pf-ff-card,
#cda-persons-v4.cda-pf-v5 .pf-drafting-shell > .pf-ff-inner,
#cda-persons-v4.cda-pf-v5 .pf-drafting-shell > .modal{
  position:relative;display:block;width:100%;margin:0!important;
  min-width:0;border:0!important;box-shadow:none!important;
  clip-path:polygon(12px 0,calc(100% - 19px) 0,calc(100% - 12px) 6px,
     calc(100% - 4px) 6px,100% 17px,100% calc(100% - 17px),
     calc(100% - 15px) 100%,12px 100%,0 calc(100% - 16px),0 19px)!important;
}
/* The inner Pachete broken accents must sit above image/content. */
#cda-persons-v4.cda-pf-v5 .pf-drafting-shell .pf-ff-trace{
  background:
    linear-gradient(90deg,#9c1f32 0 38px,transparent 38px 47px,#eeb3a2 47px 78px,transparent 78px) left top /100% 2px no-repeat,
    linear-gradient(90deg,#b94353 0 59px,transparent 59px 66px,#cd5c62 66px 110px,transparent 110px) left bottom /100% 2px no-repeat,
    linear-gradient(#c36564,#c36564) right 3px top 9px/2px 35px no-repeat!important;
  opacity:.86!important;
}
#cda-persons-v4.cda-pf-v5 .pf-drafting-shell .pf-corner{
  border-color:#ba2540!important;
}
/* Geometry and spacing: the wrapper itself is the grid/flex child. */
#cda-persons-v4.cda-pf-v5 .pf-panel-shell{margin:4px 0 7px}
#cda-persons-v4.cda-pf-v5 #details{container-type:normal;min-height:0}
#cda-persons-v4.cda-pf-v5 .products>.pf-product-shell{
  flex:1 1 0;min-width:0;display:flex;padding:5px;
  transition:flex .5s cubic-bezier(.22,.75,.19,1);
}
#cda-persons-v4.cda-pf-v5 .products.has-expanded>.pf-product-shell.is-expanded{flex:1.33 1 0}
#cda-persons-v4.cda-pf-v5 .products.has-expanded>.pf-product-shell:not(.is-expanded){flex:.82 1 0}
#cda-persons-v4.cda-pf-v5 .pf-product-shell>.pf-ff-card{
  height:100%;flex:1 1 auto!important;padding:2px!important;
}
#cda-persons-v4.cda-pf-v5 .pf-info-shell{height:100%;min-width:0}
#cda-persons-v4.cda-pf-v5 .pf-info-shell>.pf-ff-inner{height:100%}
#cda-persons-v4.cda-pf-v5 .pf-bottom-shell{margin:3px 0 5px}
#cda-persons-v4.cda-pf-v5 .pf-bottom-shell>.pf-ff-panel{
  display:flex;align-items:center;justify-content:space-between;gap:13px;
  padding:15px 19px!important;
}
/* Restore content visibility above decorative paint inside modal; wrapper is flex child. */
#cda-persons-v4.cda-pf-v5 #overlay>.pf-modal-shell{width:min(640px,100%);max-height:calc(100dvh - 24px);padding:5px;overflow:visible}
#cda-persons-v4.cda-pf-v5 .pf-modal-shell>.modal{max-width:none;width:100%;max-height:calc(100dvh - 36px);overflow:auto;padding:23px!important}
@media(max-width:849px){
 #cda-persons-v4.cda-pf-v5 .pf-drafting-shell{--pf-shell-gap:4px}
 #cda-persons-v4.cda-pf-v5 .products>.pf-product-shell{flex:1 1 100%!important;display:flex}
 #cda-persons-v4.cda-pf-v5 .pf-info-shell{width:100%}
 #cda-persons-v4.cda-pf-v5 .pf-bottom-shell>.pf-ff-panel{padding:14px 15px!important}
}
@media(max-width:569px){
 #cda-persons-v4.cda-pf-v5 .pf-bottom-shell>.pf-ff-panel{flex-direction:column;align-items:stretch}
}


/* V15 refinement — remove guide dots from nested inner frames/cards.
   Keep guide dots only on the exterior category panel shell.
   Also inset the product action bar so the bottom-left corner breathes visually. */
#cda-persons-v4.cda-pf-v5 .pf-product-shell::after,
#cda-persons-v4.cda-pf-v5 .pf-info-shell::after,
#cda-persons-v4.cda-pf-v5 .pf-bottom-shell::after,
#cda-persons-v4.cda-pf-v5 .pf-modal-shell::after,
#cda-persons-v4.cda-pf-v5 .pf-ff-card::after,
#cda-persons-v4.cda-pf-v5 .pf-ff-inner::after,
#cda-persons-v4.cda-pf-v5 .packages::after,
#cda-persons-v4.cda-pf-v5 .bottom::after{
  content:none!important;display:none!important;
}
/* Reassert the exterior guide points only on the large category panel. */
#cda-persons-v4.cda-pf-v5 .pf-panel-shell::after{
  content:""!important;display:block!important;position:absolute;z-index:6;pointer-events:none;
  left:-2px;top:42%;width:3px;height:39px;opacity:.70;
  background:radial-gradient(circle,#cf4855 1.1px,transparent 1.5px)
    center top / 3px 9px repeat-y;
}
/* Resolve the visual collision between the lower-left cut corner and the CTA row.
   Pull the action bar inward and give the text-link button more breathing room. */
#cda-persons-v4.cda-pf-v5 .pf-ff-card .product-controls{
  margin:0 10px 10px!important;
  padding:10px 14px 11px!important;
  border-top:1px solid #ead0c6!important;
  border-radius:0 0 12px 12px;
}
#cda-persons-v4.cda-pf-v5 .pf-ff-card .secondary-btn{
  padding:7px 4px 7px 0!important;
  position:relative;left:1px;
}
#cda-persons-v4.cda-pf-v5 .pf-ff-card .pick{
  padding:10px 15px!important;
}
@media(max-width:569px){
 #cda-persons-v4.cda-pf-v5 .pf-ff-card .product-controls{
   margin:0 8px 8px!important;
   padding:9px 12px 10px!important;
 }
}


/* V16 cleanup — remove inner corner line elements from all floating-frame boxes.
   Keep the frame geometry, contour and guide dots, but eliminate the four inner corner accents.
   Also revert the V15 CTA-row inset adjustments back to the pre-V15 behavior. */
#cda-persons-v4.cda-pf-v5 .pf-corner{
  display:none!important;
}
/* Revert CTA row/button spacing to the pre-V15 layout. */
#cda-persons-v4.cda-pf-v5 .pf-ff-card .product-controls{
  margin:0!important;
  padding:12px 16px!important;
  border-top:1px solid #e8c8be!important;
  border-radius:0!important;
}
#cda-persons-v4.cda-pf-v5 .pf-ff-card .secondary-btn{
  padding:0!important;
  position:static!important;left:auto!important;
}
#cda-persons-v4.cda-pf-v5 .pf-ff-card .pick{
  padding:9px 15px!important;
}
@media(max-width:569px){
 #cda-persons-v4.cda-pf-v5 .pf-ff-card .product-controls{
   margin:0!important;
   padding:9px 10px!important;
 }
}


/* MODULE: persoane-background-pachete-v17.css */
/* V17 — Unified cut-corner backdrop.
   The six category Floating Frames already share Pachete's exact geometry.
   The Persons page alone supplied a near-white radial backdrop; that made
   the intentionally open corner cuts show as intrusive white wedges.
   Use the Pachete catalogue's warm cream/rose family behind every cutout.
   No image, clip-path, hover, dimensions or frame strokes change here. */
#cda-persons-v4.cda-pf-v5 {
  background: linear-gradient(180deg,
     #f8e9e5 0px,
     #fff3ef 340px,
     #fff8f4 610px,
     #fbefea 100%) !important;
}
/* The blank space around category frames inherits the same backdrop,
   rather than a contrasting white paint underneath the transparent cuts. */
#cda-persons-v4.cda-pf-v5 #cats,
#cda-persons-v4.cda-pf-v5 #cats .sens-slot { background-color:transparent!important; }


/* MODULE: persoane-corner-blend-v18.css */
/* V18 — corrected seam at six-category Floating Frames.
   The faint 1px outside pseudo-border from floating-frame-261.css is visible
   at the diagonal corner cutouts on Persoane Fizice. Remove that redundant
   external stroke here ONLY; keep the true Pachete card shape, colour,
   photography and V13 reveal absolutely unchanged. No opaque masks. */
#cda-persons-v4.cda-pf-v5 #cats .sens-slot::before {
    content:none!important;
    display:none!important;
}


/* MODULE: persoane-product-top-frame-v21.css */
/* V21 — keep V18 intact, only give the PRODUCT HEADER (RCA/CASCO/PAD etc.)
   a framed cut-corner shell like the larger boxes below.
   DO NOT touch the six top category floating frames. */

#cda-persons-v4.cda-pf-v5 .pf-ff-card .product-top{
  position:relative;
  margin:8px 8px 0;
  min-height:124px;
  padding:16px 18px 14px !important;
  overflow:hidden;
  isolation:isolate;
  background:linear-gradient(135deg,#b32e48,#ed9c8b 43%,#a6203a 73%,#e8a096) !important;
  clip-path:polygon(12px 0,calc(100% - 19px) 0,calc(100% - 12px) 6px,calc(100% - 4px) 6px,100% 17px,100% calc(100% - 17px),calc(100% - 15px) 100%,12px 100%,0 calc(100% - 16px),0 19px);
}

#cda-persons-v4.cda-pf-v5 .pf-ff-card .product-top::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  clip-path:inherit;
  background:
    linear-gradient(90deg,#9c1f32 0 38px,transparent 38px 47px,#eeb3a2 47px 78px,transparent 78px) left top/100% 2px no-repeat,
    linear-gradient(90deg,#b94353 0 59px,transparent 59px 66px,#cd5c62 66px 110px,transparent 110px) left bottom/100% 2px no-repeat,
    linear-gradient(#c36564,#c36564) right 3px top 9px/2px 35px no-repeat;
  box-shadow:inset 0 0 0 1px rgba(184,82,98,.88);
}

#cda-persons-v4.cda-pf-v5 .pf-ff-card .product-top .prod-visual{
  position:absolute;
  inset:2px;
  width:calc(100% - 4px) !important;
  height:calc(100% - 4px) !important;
  object-fit:cover;
  object-position:center 56%;
  z-index:0;
  clip-path:polygon(10px 0,calc(100% - 18px) 0,calc(100% - 11px) 6px,calc(100% - 4px) 6px,100% 15px,100% calc(100% - 15px),calc(100% - 13px) 100%,10px 100%,0 calc(100% - 13px),0 16px);
  filter:saturate(.83) sepia(.08) brightness(1.08) !important;
  opacity:.93;
}

#cda-persons-v4.cda-pf-v5 .pf-ff-card .product-top::before{
  content:"";
  position:absolute;
  inset:2px;
  z-index:1 !important;
  pointer-events:none;
  clip-path:polygon(10px 0,calc(100% - 18px) 0,calc(100% - 11px) 6px,calc(100% - 4px) 6px,100% 15px,100% calc(100% - 15px),calc(100% - 13px) 100%,10px 100%,0 calc(100% - 13px),0 16px);
  background:linear-gradient(180deg,rgba(255,251,246,.97),rgba(255,249,243,.86) 35%,rgba(255,247,240,.28) 78%,rgba(255,246,239,.12));
}

#cda-persons-v4.cda-pf-v5 .pf-ff-card .product-top > div{
  position:relative;
  z-index:2;
}

@media(max-width:849px){
  #cda-persons-v4.cda-pf-v5 .pf-ff-card .product-top{
    margin:7px 7px 0;
  }
}

@media(max-width:569px){
  #cda-persons-v4.cda-pf-v5 .pf-ff-card .product-top{
    margin:6px 6px 0;
    padding:14px 15px !important;
  }
}


/* MODULE: persoane-catalog-floating-v22.css */
/*
  CDA V22 — The six category cards use the same Floating Frame #08 visual
  component as Pachete > TOATE (css/floating-frame-261.css).
  Scope all adjustments to #cats.  Photographic portrait/panorama reveal
  comes exclusively from the previously approved V13 rules and JS.
  No changes to product panels, main panel, navigation or page background.
*/

/* Restore the actual outer Pachete drafting outline removed in V18. */
#cda-persons-v4.cda-pf-v5 #cats .sens-slot::before {
  content:"" !important;
  display:block !important;
  position:absolute;
  left:-5px !important;
  right:-4px !important;
  top:-6px !important;
  bottom:-5px !important;
  width:auto !important;
  height:auto !important;
  border:1px solid rgba(211,72,82,.76) !important;
  background:transparent !important;
  clip-path:polygon(16px 0,calc(100% - 32px) 0,calc(100% - 19px) 7px,
    calc(100% - 8px) 7px,100% 20px,100% calc(100% - 26px),
    calc(100% - 26px) 100%,24px 100%,0 calc(100% - 27px),0 23px) !important;
  z-index:8;
  pointer-events:none;
}
#cda-persons-v4.cda-pf-v5 #cats .sens-slot::after {
  content:"" !important;
  display:block !important;
  position:absolute;
  z-index:9;
  pointer-events:none;
  left:-7px;
  top:39%;
  width:3px;
  height:39px;
  background:radial-gradient(circle,#cf4855 1.1px,transparent 1.5px)
    center top/3px 9px repeat-y;
  opacity:.7;
}

/* Same chassis and four hand-cut corners as the cards rendered by Pachete. */
#cda-persons-v4.cda-pf-v5 #cats .sens-card,
#cda-persons-v4.cda-pf-v5 #cats.has-active .sens-slot.active .sens-card {
  position:relative;
  isolation:isolate;
  clip-path:polygon(12px 0,calc(100% - 19px) 0,
    calc(100% - 12px) 6px,calc(100% - 4px) 6px,100% 17px,
    100% calc(100% - 17px),calc(100% - 15px) 100%,
    12px 100%,0 calc(100% - 16px),0 19px) !important;
  background:linear-gradient(145deg,#fa6b68,#b9203c 37%,#efaba0 68%,#781026) !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  overflow:hidden !important;
  /* V13 owns flex expansion and image opacity; leave those untouched. */
}
#cda-persons-v4.cda-pf-v5 #cats .sens-card::before {
  content:"";
  display:block;
  position:absolute;
  z-index:0;
  inset:3px;
  background:#fff4ec;
  clip-path:polygon(10px 0,calc(100% - 20px) 0,
    calc(100% - 13px) 6px,calc(100% - 5px) 6px,
    100% 15px,100% calc(100% - 16px),
    calc(100% - 14px) 100%,10px 100%,0 calc(100% - 14px),0 16px);
  pointer-events:none;
}
#cda-persons-v4.cda-pf-v5 #cats .ff-trace {
  position:absolute;
  inset:0;
  z-index:8;
  display:block;
  pointer-events:none;
  background:
    linear-gradient(90deg,#9c1f32 0 38px,transparent 38px 47px,#eeb3a2 47px 78px,transparent 78px)
      left top/100% 2px no-repeat,
    linear-gradient(90deg,#b94353 0 59px,transparent 59px 66px,#cd5c62 66px 110px,transparent 110px)
      left bottom/100% 2px no-repeat,
    linear-gradient(#c36564,#c36564)
      right 3px top 9px/2px 35px no-repeat;
  opacity:.85;
}
#cda-persons-v4.cda-pf-v5 #cats .ff-corner {
  position:absolute;
  display:block;
  z-index:9;
  pointer-events:none;
  width:30px;
  height:16px;
  border-color:#ba2540;
}
#cda-persons-v4.cda-pf-v5 #cats .ff-tl {top:2px;left:4px;border-top:2px solid;border-left:2px solid}
#cda-persons-v4.cda-pf-v5 #cats .ff-tr {top:4px;right:2px;border-top:2px solid;border-right:2px solid;width:24px}
#cda-persons-v4.cda-pf-v5 #cats .ff-bl {bottom:3px;left:5px;border-bottom:2px solid;border-left:2px solid;width:27px}
#cda-persons-v4.cda-pf-v5 #cats .ff-br {bottom:4px;right:4px;border-bottom:2px solid;border-right:2px solid;width:31px}

/* Match Pachete's typography, separators and its editorial navigation arrow. */
#cda-persons-v4.cda-pf-v5 #cats .sens-card-copy {
  position:absolute;
  z-index:5;
  top:30px;
  left:17px;
  right:15px;
  min-width:0;
}
#cda-persons-v4.cda-pf-v5 #cats .sens-card-copy h3 {
  font:750 18px/1.1 'Plus Jakarta Sans',system-ui,sans-serif !important;
  color:#861c31 !important;
  letter-spacing:-.026em !important;
  margin:0 0 8px !important;
  max-height:84px;
  overflow:hidden;
  text-wrap:balance;
}
#cda-persons-v4.cda-pf-v5 #cats .ff-separator {
  display:block;
  width:27px;
  height:1px;
  background:#af5261;
  margin:8px 0 10px;
}
#cda-persons-v4.cda-pf-v5 #cats .sens-card-copy p {
  font:500 11.5px/1.4 'Plus Jakarta Sans',system-ui,sans-serif !important;
  color:#78565d;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
  max-width:220px;
}
#cda-persons-v4.cda-pf-v5 #cats .ff-arrow {
  display:block;
  margin-top:12px;
  font:650 28px/1 'Plus Jakarta Sans',system-ui,sans-serif;
  color:#9c2840;
  pointer-events:none;
}
/* Keep Pachete's compact typography for any sibling narrowed during hover. */
@media(min-width:1200px){
  #cda-persons-v4.cda-pf-v5 #cats.has-active .sens-slot:not(.active) .sens-card-copy {
    left:12px;
    right:8px;
    top:27px;
  }
  #cda-persons-v4.cda-pf-v5 #cats.has-active .sens-slot:not(.active) .sens-card-copy h3 {
    font-size:15px !important;
    line-height:1.1 !important;
  }
  #cda-persons-v4.cda-pf-v5 #cats.has-active .sens-slot:not(.active) .sens-card-copy p {
    font-size:10.5px !important;
    -webkit-line-clamp:2;
  }
  #cda-persons-v4.cda-pf-v5 #cats .sens-slot.active .sens-card-copy h3 {font-size:18px !important}
}
@media(max-width:1199px){
  #cda-persons-v4.cda-pf-v5 #cats .sens-card-copy h3 {font-size:18px !important}
}
@media(max-width:569px){
  #cda-persons-v4.cda-pf-v5 #cats .sens-card-copy {top:24px;left:17px;right:14px}
  #cda-persons-v4.cda-pf-v5 #cats .sens-card-copy h3 {font-size:20px !important}
  #cda-persons-v4.cda-pf-v5 #cats .sens-card-copy p {font-size:11.5px !important}
}


/* MODULE: persoane-real-cutout-v25.css */
/* V25 — actual cutout of image + inner cream surface within the original red
   Floating Frame, not added red lines. Source is approved V22.
   This applies ONLY to six category card photos; all original red chrome,
   external stipples, hover mechanics and card dimensions remain untouched. */
#cda-persons-v4.cda-pf-v5 #cats {
  --pf-image-notch:polygon(
    10px 0,
    calc(100% - 32px) 0,
    calc(100% - 23px) 8px,
    calc(100% - 12px) 8px,
    100% 21px,
    100% calc(100% - 13px),
    calc(100% - 13px) 100%,
    10px 100%,
    0 calc(100% - 13px),
    0 17px
  );
}
/* The red card BODY is the frame. Recess its original cream inset at the corner
   so the genuine chassis is seen, rather than painting a new diagonal stripe. */
#cda-persons-v4.cda-pf-v5 #cats .sens-card::before {
  inset:4px!important;
  clip-path:var(--pf-image-notch)!important;
  z-index:0!important;
}
/* Portrait and landscape have the same window geometry, preserving V13 reveal. */
#cda-persons-v4.cda-pf-v5 #cats .sens-photo,
#cda-persons-v4.cda-pf-v5 #cats .sens-photo-wide,
#cda-persons-v4.cda-pf-v5 #cats .sens-photo-wash {
  clip-path:var(--pf-image-notch)!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}
/* No ::after paint line or patch here: the red is the ACTUAL original frame. */


/* MODULE: persoane-6-rame-goale-v28.css */
/* V28: six EMPTY real RCA/CASCO Floating Frames. No imitation border CSS. */
#cda-persons-v4.cda-pf-v5 .pf-frame-test{
 display:grid;grid-template-columns:repeat(6,minmax(0,1fr));
 gap:12px;margin:3px 0 15px;padding:6px 0 4px;align-items:stretch;
}
#cda-persons-v4.cda-pf-v5 .pf-frame-test>.pf-test-shell{
 min-width:0;width:100%;min-height:216px;
 display:flex;flex:initial!important;padding:5px!important;
}
#cda-persons-v4.cda-pf-v5 .pf-frame-test .pf-test-card{
 width:100%;height:100%;min-height:206px;display:block;flex:1 1 auto;
 /* use identical cut-corner Floating Frame styles as real RCA/CASCO cards */
}
#cda-persons-v4.cda-pf-v5 .pf-frame-test .pf-test-core{
 min-height:202px;height:100%;display:block;background:linear-gradient(145deg,#fffcf9,#fff9f5)!important;
 /* empty: no image, labels or product copy */
}
/* Exterior floating guide dots on prototype shells, NOT on the interior card. */
#cda-persons-v4.cda-pf-v5 .pf-frame-test>.pf-test-shell::after{
 content:""!important;display:block!important;position:absolute;z-index:6;pointer-events:none;
 left:-2px;top:42%;width:3px;height:39px;opacity:.7;
 background:radial-gradient(circle,#cf4855 1.1px,transparent 1.5px) center top/3px 9px repeat-y;
}
@media(max-width:1199px){
 #cda-persons-v4.cda-pf-v5 .pf-frame-test{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
}
@media(max-width:849px){
 #cda-persons-v4.cda-pf-v5 .pf-frame-test{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
}
@media(max-width:569px){
 #cda-persons-v4.cda-pf-v5 .pf-frame-test{gap:9px;margin-bottom:12px}
 #cda-persons-v4.cda-pf-v5 .pf-frame-test>.pf-test-shell{min-height:186px;padding:4px!important}
 #cda-persons-v4.cda-pf-v5 .pf-frame-test .pf-test-card{min-height:178px}
 #cda-persons-v4.cda-pf-v5 .pf-frame-test .pf-test-core{min-height:174px}
}

/* V29 TEST: same one-piece hover flex accordion as the approved six cards above.
   Only the SIX EMPTY DEMO shells participate; original #cats stays untouched. */
@media(min-width:1200px){
 #cda-persons-v4.cda-pf-v5 #pf-frame-test.pf-frame-test{
   display:flex!important;
   grid-template-columns:none!important;
   align-items:stretch;
   gap:9px;
   min-width:0;
   width:100%;
 }
 #cda-persons-v4.cda-pf-v5 #pf-frame-test.pf-frame-test>.pf-test-shell{
   box-sizing:border-box;
   display:flex;
   flex:1 1 0!important;
   width:auto!important;
   min-width:0!important;
   min-height:216px;
   transition:flex .55s cubic-bezier(.21,.78,.2,1);
   will-change:flex;
 }
 #cda-persons-v4.cda-pf-v5 #pf-frame-test.has-active>.pf-test-shell.active{
   flex:2.35 1 0!important;
   z-index:5;
 }
 #cda-persons-v4.cda-pf-v5 #pf-frame-test.has-active>.pf-test-shell:not(.active){
   flex:.73 1 0!important;
 }
 #cda-persons-v4.cda-pf-v5 #pf-frame-test>.pf-test-shell>.pf-test-card{
   width:100%;
   max-width:none;
   flex:1 1 auto;
   min-width:0;
 }
}
@media(max-width:1199px){
 #cda-persons-v4.cda-pf-v5 #pf-frame-test>.pf-test-shell{
   transition:none;
 }
}
@media(prefers-reduced-motion:reduce){
 #cda-persons-v4.cda-pf-v5 #pf-frame-test>.pf-test-shell{transition:none!important}
}


/* MODULE: persoane-6-rame-imagini-v30.css */
/* V30: imagery for ONLY the six V29 demonstration frames.
   The originals (#cats) and their V13 hover reveal mechanism are unchanged.
   The V29 frame is the clipping window. Photos sit behind Floating Frame art.
   At desktop widths BOTH media stages have unchanging optical pixel widths.
   Hover only widens frame and crossfades portrait to the original panorama. */
#cda-persons-v4.cda-pf-v5 #pf-frame-test .pf-test-card{
  overflow:hidden!important;
}
#cda-persons-v4.cda-pf-v5 #pf-frame-test .pf-test-core{
  position:relative!important;
  display:block!important;
  isolation:isolate;
  overflow:hidden!important;
  clip-path:var(--pf-cut-inner)!important;
  background:#fff9f5!important;
}
#cda-persons-v4.cda-pf-v5 #pf-frame-test .pf-demo-photo{
  display:block;
  position:absolute;
  top:0;left:0;
  height:100%;
  width:var(--pf-demo-normal-width,220px);
  max-width:none!important;
  min-width:0;
  border:0!important;outline:0!important;box-shadow:none!important;
  object-fit:cover;
  object-position:var(--pf-demo-position,50% 56%);
  filter:saturate(.79) sepia(.12) hue-rotate(-7deg) brightness(1.10);
  pointer-events:none;
  z-index:1;
  transform:none!important;
  transition:opacity .36s ease;
}
#cda-persons-v4.cda-pf-v5 #pf-frame-test .pf-demo-photo-portrait{
  opacity:1;
}
#cda-persons-v4.cda-pf-v5 #pf-frame-test .pf-demo-photo-wide{
  width:var(--pf-demo-expanded-width,530px);
  opacity:0;
  object-position:var(--pf-demo-pan-position,50% 55%);
  transition:opacity .44s ease;
}
#cda-persons-v4.cda-pf-v5 #pf-frame-test.has-active>.pf-test-shell.active .pf-demo-photo-portrait{
  opacity:0;
}
#cda-persons-v4.cda-pf-v5 #pf-frame-test.has-active>.pf-test-shell.active .pf-demo-photo-wide{
  opacity:1;
}
#cda-persons-v4.cda-pf-v5 #pf-frame-test .pf-demo-photo-wash{
  position:absolute;inset:0;
  z-index:2;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,249,245,.80) 0%,rgba(255,246,240,.52) 24%,rgba(255,241,236,.15) 55%,rgba(98,19,41,.055) 100%);
}
/* Portrait framing is selected per original art, as on approved top category cards. */
#cda-persons-v4.cda-pf-v5 #pf-frame-test>.pf-test-shell:nth-child(1){--pf-demo-position:49% 59%;--pf-demo-pan-position:50% 55%}
#cda-persons-v4.cda-pf-v5 #pf-frame-test>.pf-test-shell:nth-child(2){--pf-demo-position:50% 54%;--pf-demo-pan-position:63% 51%}
#cda-persons-v4.cda-pf-v5 #pf-frame-test>.pf-test-shell:nth-child(3){--pf-demo-position:49% 57%;--pf-demo-pan-position:51% 56%}
#cda-persons-v4.cda-pf-v5 #pf-frame-test>.pf-test-shell:nth-child(4){--pf-demo-position:50% 58%;--pf-demo-pan-position:47% 58%}
#cda-persons-v4.cda-pf-v5 #pf-frame-test>.pf-test-shell:nth-child(5){--pf-demo-position:49% 55%;--pf-demo-pan-position:46% 52%}
#cda-persons-v4.cda-pf-v5 #pf-frame-test>.pf-test-shell:nth-child(6){--pf-demo-position:49% 56%;--pf-demo-pan-position:48% 52%}
@media(max-width:1199px){
  #cda-persons-v4.cda-pf-v5 #pf-frame-test .pf-demo-photo-portrait{width:100%!important;object-position:50% 55%}
  #cda-persons-v4.cda-pf-v5 #pf-frame-test .pf-demo-photo-wide{display:none!important}
}
@media(prefers-reduced-motion:reduce){
 #cda-persons-v4.cda-pf-v5 #pf-frame-test .pf-demo-photo{transition:none!important}
}


/* MODULE: persoane-6-rame-text-click-v31.css */
/* V31: the real six RCA/CASCO Floating Frames from V30, now with matching category copy.
   Only additional row #pf-frame-test affected; no arrow, no extra panel, no photo scaling. */
#cda-persons-v4.cda-pf-v5 #pf-frame-test>.pf-test-shell{cursor:pointer}
#cda-persons-v4.cda-pf-v5 #pf-frame-test .pf-test-card{
  cursor:pointer!important;
  position:relative;
}
#cda-persons-v4.cda-pf-v5 #pf-frame-test .pf-test-card:focus-visible{
  outline:3px solid #952943!important;
  outline-offset:0;
}
#cda-persons-v4.cda-pf-v5 #pf-frame-test .pf-demo-copy{
  position:absolute;
  z-index:4;
  display:block;
  top:27px;
  left:17px;
  right:12px;
  min-width:0;
  pointer-events:none;
  color:#641829;
  font-family:'Plus Jakarta Sans',system-ui,sans-serif;
}
#cda-persons-v4.cda-pf-v5 #pf-frame-test .pf-demo-title{
  display:block;
  font-size:clamp(15px,1.24vw,20px);
  line-height:1.13;
  font-weight:750;
  letter-spacing:-.03em;
  overflow-wrap:normal;
  hyphens:none;
  text-wrap:balance;
}
#cda-persons-v4.cda-pf-v5 #pf-frame-test .pf-demo-separator{
  display:block;
  width:29px;
  height:1px;
  margin:9px 0 8px;
  background:#b14d60;
}
#cda-persons-v4.cda-pf-v5 #pf-frame-test .pf-demo-subtitle{
  display:block;
  font-size:clamp(11px,.85vw,13px);
  font-weight:550;
  line-height:1.42;
  max-width:210px;
  color:#674951;
}
#cda-persons-v4.cda-pf-v5 #pf-frame-test>.pf-test-shell.is-selected .pf-demo-title{color:#9a2441}
@media(min-width:1200px){
 #cda-persons-v4.cda-pf-v5 #pf-frame-test.has-active>.pf-test-shell:not(.active) .pf-demo-copy{left:11px;right:8px;top:24px}
 #cda-persons-v4.cda-pf-v5 #pf-frame-test.has-active>.pf-test-shell:not(.active) .pf-demo-title{font-size:clamp(13px,1.05vw,17px)}
 #cda-persons-v4.cda-pf-v5 #pf-frame-test.has-active>.pf-test-shell:not(.active) .pf-demo-subtitle{font-size:11px}
}
@media(max-width:1199px){
 #cda-persons-v4.cda-pf-v5 #pf-frame-test .pf-demo-title{font-size:20px}
 #cda-persons-v4.cda-pf-v5 #pf-frame-test .pf-demo-subtitle{font-size:12px}
}
@media(max-width:569px){
 #cda-persons-v4.cda-pf-v5 #pf-frame-test .pf-demo-copy{top:21px;left:12px;right:9px}
 #cda-persons-v4.cda-pf-v5 #pf-frame-test .pf-demo-title{font-size:clamp(15px,3.9vw,19px)}
 #cda-persons-v4.cda-pf-v5 #pf-frame-test .pf-demo-subtitle{font-size:11px;line-height:1.3}
 #cda-persons-v4.cda-pf-v5 #pf-frame-test .pf-demo-separator{margin:7px 0 6px}
}


/* MODULE: persoane-rand-3-inaltime-v32.css */
/* Third-row copy from persoane-6-rame-goale-v28.css; only selectors respecified */
/* V28: six EMPTY real RCA/CASCO Floating Frames. No imitation border CSS. */
#cda-persons-v4.cda-pf-v5 #pf-frame-third{
 display:grid;grid-template-columns:repeat(6,minmax(0,1fr));
 gap:12px;margin:3px 0 15px;padding:6px 0 4px;align-items:stretch;
}
#cda-persons-v4.cda-pf-v5 #pf-frame-third>.pf-test-shell{
 min-width:0;width:100%;min-height:216px;
 display:flex;flex:initial!important;padding:5px!important;
}
#cda-persons-v4.cda-pf-v5 #pf-frame-third .pf-test-card{
 width:100%;height:100%;min-height:206px;display:block;flex:1 1 auto;
 /* use identical cut-corner Floating Frame styles as real RCA/CASCO cards */
}
#cda-persons-v4.cda-pf-v5 #pf-frame-third .pf-test-core{
 min-height:202px;height:100%;display:block;background:linear-gradient(145deg,#fffcf9,#fff9f5)!important;
 /* empty: no image, labels or product copy */
}
/* Exterior floating guide dots on prototype shells, NOT on the interior card. */
#cda-persons-v4.cda-pf-v5 #pf-frame-third>.pf-test-shell::after{
 content:""!important;display:block!important;position:absolute;z-index:6;pointer-events:none;
 left:-2px;top:42%;width:3px;height:39px;opacity:.7;
 background:radial-gradient(circle,#cf4855 1.1px,transparent 1.5px) center top/3px 9px repeat-y;
}
@media(max-width:1199px){
 #cda-persons-v4.cda-pf-v5 #pf-frame-third{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
}
@media(max-width:849px){
 #cda-persons-v4.cda-pf-v5 #pf-frame-third{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
}
@media(max-width:569px){
 #cda-persons-v4.cda-pf-v5 #pf-frame-third{gap:9px;margin-bottom:12px}
 #cda-persons-v4.cda-pf-v5 #pf-frame-third>.pf-test-shell{min-height:186px;padding:4px!important}
 #cda-persons-v4.cda-pf-v5 #pf-frame-third .pf-test-card{min-height:178px}
 #cda-persons-v4.cda-pf-v5 #pf-frame-third .pf-test-core{min-height:174px}
}

/* V29 TEST: same one-piece hover flex accordion as the approved six cards above.
   Only the SIX EMPTY DEMO shells participate; original #cats stays untouched. */
@media(min-width:1200px){
 #cda-persons-v4.cda-pf-v5 #pf-frame-third.pf-frame-test{
   display:flex!important;
   grid-template-columns:none!important;
   align-items:stretch;
   gap:9px;
   min-width:0;
   width:100%;
 }
 #cda-persons-v4.cda-pf-v5 #pf-frame-third.pf-frame-test>.pf-test-shell{
   box-sizing:border-box;
   display:flex;
   flex:1 1 0!important;
   width:auto!important;
   min-width:0!important;
   min-height:216px;
   transition:flex .55s cubic-bezier(.21,.78,.2,1);
   will-change:flex;
 }
 #cda-persons-v4.cda-pf-v5 #pf-frame-third.has-active>.pf-test-shell.active{
   flex:2.35 1 0!important;
   z-index:5;
 }
 #cda-persons-v4.cda-pf-v5 #pf-frame-third.has-active>.pf-test-shell:not(.active){
   flex:.73 1 0!important;
 }
 #cda-persons-v4.cda-pf-v5 #pf-frame-third>.pf-test-shell>.pf-test-card{
   width:100%;
   max-width:none;
   flex:1 1 auto;
   min-width:0;
 }
}
@media(max-width:1199px){
 #cda-persons-v4.cda-pf-v5 #pf-frame-third>.pf-test-shell{
   transition:none;
 }
}
@media(prefers-reduced-motion:reduce){
 #cda-persons-v4.cda-pf-v5 #pf-frame-third>.pf-test-shell{transition:none!important}
}


/* Third-row copy from persoane-6-rame-imagini-v30.css; only selectors respecified */
/* V30: imagery for ONLY the six V29 demonstration frames.
   The originals (#cats) and their V13 hover reveal mechanism are unchanged.
   The V29 frame is the clipping window. Photos sit behind Floating Frame art.
   At desktop widths BOTH media stages have unchanging optical pixel widths.
   Hover only widens frame and crossfades portrait to the original panorama. */
#cda-persons-v4.cda-pf-v5 #pf-frame-third .pf-test-card{
  overflow:hidden!important;
}
#cda-persons-v4.cda-pf-v5 #pf-frame-third .pf-test-core{
  position:relative!important;
  display:block!important;
  isolation:isolate;
  overflow:hidden!important;
  clip-path:var(--pf-cut-inner)!important;
  background:#fff9f5!important;
}
#cda-persons-v4.cda-pf-v5 #pf-frame-third .pf-demo-photo{
  display:block;
  position:absolute;
  top:0;left:0;
  height:100%;
  width:var(--pf-demo-normal-width,220px);
  max-width:none!important;
  min-width:0;
  border:0!important;outline:0!important;box-shadow:none!important;
  object-fit:cover;
  object-position:var(--pf-demo-position,50% 56%);
  filter:saturate(.79) sepia(.12) hue-rotate(-7deg) brightness(1.10);
  pointer-events:none;
  z-index:1;
  transform:none!important;
  transition:opacity .36s ease;
}
#cda-persons-v4.cda-pf-v5 #pf-frame-third .pf-demo-photo-portrait{
  opacity:1;
}
#cda-persons-v4.cda-pf-v5 #pf-frame-third .pf-demo-photo-wide{
  width:var(--pf-demo-expanded-width,530px);
  opacity:0;
  object-position:var(--pf-demo-pan-position,50% 55%);
  transition:opacity .44s ease;
}
#cda-persons-v4.cda-pf-v5 #pf-frame-third.has-active>.pf-test-shell.active .pf-demo-photo-portrait{
  opacity:0;
}
#cda-persons-v4.cda-pf-v5 #pf-frame-third.has-active>.pf-test-shell.active .pf-demo-photo-wide{
  opacity:1;
}
#cda-persons-v4.cda-pf-v5 #pf-frame-third .pf-demo-photo-wash{
  position:absolute;inset:0;
  z-index:2;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,249,245,.80) 0%,rgba(255,246,240,.52) 24%,rgba(255,241,236,.15) 55%,rgba(98,19,41,.055) 100%);
}
/* Portrait framing is selected per original art, as on approved top category cards. */
#cda-persons-v4.cda-pf-v5 #pf-frame-third>.pf-test-shell:nth-child(1){--pf-demo-position:49% 59%;--pf-demo-pan-position:50% 55%}
#cda-persons-v4.cda-pf-v5 #pf-frame-third>.pf-test-shell:nth-child(2){--pf-demo-position:50% 54%;--pf-demo-pan-position:63% 51%}
#cda-persons-v4.cda-pf-v5 #pf-frame-third>.pf-test-shell:nth-child(3){--pf-demo-position:49% 57%;--pf-demo-pan-position:51% 56%}
#cda-persons-v4.cda-pf-v5 #pf-frame-third>.pf-test-shell:nth-child(4){--pf-demo-position:50% 58%;--pf-demo-pan-position:47% 58%}
#cda-persons-v4.cda-pf-v5 #pf-frame-third>.pf-test-shell:nth-child(5){--pf-demo-position:49% 55%;--pf-demo-pan-position:46% 52%}
#cda-persons-v4.cda-pf-v5 #pf-frame-third>.pf-test-shell:nth-child(6){--pf-demo-position:49% 56%;--pf-demo-pan-position:48% 52%}
@media(max-width:1199px){
  #cda-persons-v4.cda-pf-v5 #pf-frame-third .pf-demo-photo-portrait{width:100%!important;object-position:50% 55%}
  #cda-persons-v4.cda-pf-v5 #pf-frame-third .pf-demo-photo-wide{display:none!important}
}
@media(prefers-reduced-motion:reduce){
 #cda-persons-v4.cda-pf-v5 #pf-frame-third .pf-demo-photo{transition:none!important}
}


/* Third-row copy from persoane-6-rame-text-click-v31.css; only selectors respecified */
/* V31: the real six RCA/CASCO Floating Frames from V30, now with matching category copy.
   Only additional row #pf-frame-third affected; no arrow, no extra panel, no photo scaling. */
#cda-persons-v4.cda-pf-v5 #pf-frame-third>.pf-test-shell{cursor:pointer}
#cda-persons-v4.cda-pf-v5 #pf-frame-third .pf-test-card{
  cursor:pointer!important;
  position:relative;
}
#cda-persons-v4.cda-pf-v5 #pf-frame-third .pf-test-card:focus-visible{
  outline:3px solid #952943!important;
  outline-offset:0;
}
#cda-persons-v4.cda-pf-v5 #pf-frame-third .pf-demo-copy{
  position:absolute;
  z-index:4;
  display:block;
  top:27px;
  left:17px;
  right:12px;
  min-width:0;
  pointer-events:none;
  color:#641829;
  font-family:'Plus Jakarta Sans',system-ui,sans-serif;
}
#cda-persons-v4.cda-pf-v5 #pf-frame-third .pf-demo-title{
  display:block;
  font-size:clamp(15px,1.24vw,20px);
  line-height:1.13;
  font-weight:750;
  letter-spacing:-.03em;
  overflow-wrap:normal;
  hyphens:none;
  text-wrap:balance;
}
#cda-persons-v4.cda-pf-v5 #pf-frame-third .pf-demo-separator{
  display:block;
  width:29px;
  height:1px;
  margin:9px 0 8px;
  background:#b14d60;
}
#cda-persons-v4.cda-pf-v5 #pf-frame-third .pf-demo-subtitle{
  display:block;
  font-size:clamp(11px,.85vw,13px);
  font-weight:550;
  line-height:1.42;
  max-width:210px;
  color:#674951;
}
#cda-persons-v4.cda-pf-v5 #pf-frame-third>.pf-test-shell.is-selected .pf-demo-title{color:#9a2441}
@media(min-width:1200px){
 #cda-persons-v4.cda-pf-v5 #pf-frame-third.has-active>.pf-test-shell:not(.active) .pf-demo-copy{left:11px;right:8px;top:24px}
 #cda-persons-v4.cda-pf-v5 #pf-frame-third.has-active>.pf-test-shell:not(.active) .pf-demo-title{font-size:clamp(13px,1.05vw,17px)}
 #cda-persons-v4.cda-pf-v5 #pf-frame-third.has-active>.pf-test-shell:not(.active) .pf-demo-subtitle{font-size:11px}
}
@media(max-width:1199px){
 #cda-persons-v4.cda-pf-v5 #pf-frame-third .pf-demo-title{font-size:20px}
 #cda-persons-v4.cda-pf-v5 #pf-frame-third .pf-demo-subtitle{font-size:12px}
}
@media(max-width:569px){
 #cda-persons-v4.cda-pf-v5 #pf-frame-third .pf-demo-copy{top:21px;left:12px;right:9px}
 #cda-persons-v4.cda-pf-v5 #pf-frame-third .pf-demo-title{font-size:clamp(15px,3.9vw,19px)}
 #cda-persons-v4.cda-pf-v5 #pf-frame-third .pf-demo-subtitle{font-size:11px;line-height:1.3}
 #cda-persons-v4.cda-pf-v5 #pf-frame-third .pf-demo-separator{margin:7px 0 6px}
}


/* V32: the THIRD row alone adopts the height of the FIRST row's card.
   The second-row frame, photo, text, hover and border styling is otherwise untouched. */
#cda-persons-v4.cda-pf-v5 #pf-frame-third>.pf-test-shell{
  box-sizing:border-box;
  height:calc(var(--pf-third-match-height,295px) + 10px)!important;
  min-height:0!important;
}
#cda-persons-v4.cda-pf-v5 #pf-frame-third>.pf-test-shell>.pf-test-card{
  box-sizing:border-box;
  height:var(--pf-third-match-height,295px)!important;
  min-height:0!important;
}
#cda-persons-v4.cda-pf-v5 #pf-frame-third .pf-test-core{
  box-sizing:border-box;
  height:100%!important;
  min-height:0!important;
}