/*
Theme Name: Dravsy Theme
Theme URI: https://dravsy.example
Author: Dravsy
Author URI: https://dravsy.example
Description: Tema a medida para Dravsy (enciclopedia de perfumes).
Version: 0.1.7
Text Domain: dravsy-theme
*/

.dravsy-container{max-width:1100px;margin:0 auto;padding:24px}
.dravsy-hero{display:grid;grid-template-columns:280px 1fr;gap:24px;align-items:start}
.dravsy-hero__image img{width:100%;height:auto;border-radius:12px}
.dravsy-title{margin:0 0 8px;font-size:34px;line-height:1.1}
.dravsy-meta{display:flex;flex-wrap:wrap;gap:10px;color:#555}
.dravsy-meta__item{background:#f6f6f6;padding:6px 9px;border-radius:999px}
.dravsy-excerpt{margin-top:12px;color:#333}
.dravsy-block{margin-top:28px;padding-top:16px;border-top:1px solid #e8e8e8}
.dravsy-pyramid__row{margin-top:12px}
.dravsy-pyramid__row h3{margin:0 0 8px;font-size:16px}
.dravsy-chips{display:flex;flex-wrap:wrap;gap:8px}

.dravsy-chip{
  display:inline-block;
  padding:6px 9px;
  border-radius:999px;
  background:#fff;
  border:1px solid #e2e2e2;
  text-decoration:none;
  color:inherit;
  font-size:12px;
}
.dravsy-chip:hover{border-color:#bbb}

/* Voto seleccionado (UI: "Tu voto") */
.dravsy-chip.is-selected{border-color:#000;font-weight:600}

.dravsy-muted{color:#777;font-size:14px}

.dravsy-list{list-style:none;padding:0;margin:0}
.dravsy-list li{padding:10px 0;border-bottom:1px solid #eee}
.dravsy-small{color:#666;font-size:14px}

@media (max-width: 780px){
  .dravsy-hero{grid-template-columns:1fr}
}

/* =============================
   Similares (carrusel tipo Fragrantica)
   ============================= */

.dravsy-similars-search{
  display:flex;
  align-items:center;
  gap:10px;
  max-width:720px;
  border:1px solid #e2e2e2;
  border-radius:10px;
  padding:10px 12px;
  margin-top:12px;
  background:#fff;
}

.dravsy-similars-search-icon{font-size:16px;opacity:.7}

.dravsy-similars-search-input{
  width:100%;
  border:0;
  outline:none;
  font-size:14px;
}

.dravsy-similars-carousel{
  position:relative;
  margin-top:14px;
}

.dravsy-sim-track{
  display:flex;
  gap:14px;
  overflow-x:auto;
  padding:10px 56px 16px;
  scroll-behavior:smooth;
  -webkit-overflow-scrolling:touch;

  scroll-snap-type:x mandatory;
  scrollbar-width:none;
}

/* Scrollbar (WebKit) */
.dravsy-sim-track::-webkit-scrollbar{height:0px}
.dravsy-sim-track::-webkit-scrollbar-thumb{background:transparent}
.dravsy-sim-track::-webkit-scrollbar-track{background:transparent}

.dravsy-sim-track:focus{outline:2px solid rgba(0,0,0,.15);outline-offset:2px;border-radius:10px}

.dravsy-sim-card{
  scroll-snap-align:start;
  flex:0 0 200px;
  border:1px solid #ededed;
  border-radius:14px;
  background:#fff;
  padding:10px;
}

.dravsy-sim-card:hover{border-color:#d7d7d7;box-shadow:0 8px 24px rgba(0,0,0,.06)}

.dravsy-sim-img{
  display:flex;
  align-items:center;
  justify-content:center;
  height:180px;
  border-radius:14px;
  overflow:hidden;
  background:#fafafa;
  text-decoration:none;
}

.dravsy-sim-img img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}

.dravsy-sim-img-placeholder{
  width:100%;
  height:100%;
  border-radius:14px;
  background:#e9e9e9;
}

.dravsy-sim-meta{margin-top:10px}

.dravsy-sim-title{
  display:block;
  font-weight:600;
  text-decoration:none;
  color:inherit;
  line-height:1.25;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  min-height:34px;
}

.dravsy-sim-brand{
  display:inline-block;
  margin-top:4px;
  font-size:12px;
  color:#444;
  text-decoration:none;
}

.dravsy-sim-reason{
  margin-top:6px;
  font-size:12px;
  color:#555;
  display:inline-block;
  padding:4px 8px;
  background:#f6f6f6;
  border:1px solid #e6e6e6;
  border-radius:999px;
  line-height:1;
}

.dravsy-sim-notes{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px}

.dravsy-sim-notes .dravsy-chip{padding:4px 8px;font-size:12px}

.dravsy-chip-more{
  background:#f6f6f6;
  border-style:dashed;
  color:#444;
}

.dravsy-sim-actions{display:flex;gap:8px;margin-top:10px}

.dravsy-btn{
  display:inline-block;
  padding:6px 9px;
  border-radius:999px;
  border:1px solid #dedede;
  font-size:12px;
  text-decoration:none;
  color:inherit;
  background:#fff;
}

.dravsy-btn:hover{border-color:#bdbdbd}

.dravsy-btn-secondary{background:#fff}

.dravsy-btn-buy{
  border-color:#000;
  background:#000;
  color:#fff;
  font-weight:600;
}

.dravsy-btn-buy:hover{opacity:.92}

.dravsy-sim-nav{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:40px;
  height:40px;
  border-radius:999px;
  border:1px solid #e2e2e2;
  background:rgba(255,255,255,.96);
  box-shadow:0 6px 18px rgba(0,0,0,.08);
  z-index:2;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
}
.dravsy-sim-nav:hover{background:#fff;box-shadow:0 10px 24px rgba(0,0,0,.12);}
.dravsy-sim-nav[disabled]{opacity:.35;cursor:default;box-shadow:none;}
.dravsy-sim-nav.is-hidden{display:none;}

.dravsy-sim-prev{left:6px}
.dravsy-sim-next{right:6px}

@media (max-width: 780px){
  .dravsy-sim-card{flex-basis:170px}
  .dravsy-sim-img{height:150px}
  .dravsy-sim-prev{left:4px}
  .dravsy-sim-next{right:4px}
}

/* =============================
   Archivo de perfumes: filtros
   ============================= */

.dravsy-filters{
  margin:18px 0 20px;
  padding:14px;
  border:1px solid #e8e8e8;
  border-radius:14px;
  background:#fff;
}

.dravsy-filters__row{
  display:grid;
  grid-template-columns: 1.2fr 1fr 1fr;
  gap:12px;
  align-items:end;
}

.dravsy-filter{display:flex;flex-direction:column;gap:6px}
.dravsy-filter__label{font-size:12px;color:#444}

.dravsy-input,.dravsy-select{
  width:100%;
  padding:10px 12px;
  border:1px solid #e2e2e2;
  border-radius:12px;
  font-size:14px;
  background:#fff;
}

.dravsy-select[multiple]{padding:8px 12px}

.dravsy-filter__hint{font-size:12px;color:#666;margin-top:2px}

.dravsy-filter--notes{grid-column: 1 / span 2}

.dravsy-filter--year{grid-column: 3 / span 1}

.dravsy-year{display:flex;align-items:center;gap:8px}
.dravsy-year__sep{color:#666}

.dravsy-filter--actions{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:10px;
}

.dravsy-filter--actions .dravsy-btn{white-space:nowrap}

.dravsy-active{margin:0 0 18px}
.dravsy-active__label{font-size:12px;color:#555;margin-bottom:8px}

.dravsy-pagination{margin-top:18px}

@media (max-width: 900px){
  .dravsy-filters__row{grid-template-columns:1fr}
  .dravsy-filter--notes{grid-column:auto}
  .dravsy-filter--year{grid-column:auto}
  .dravsy-filter--actions{flex-direction:row;align-items:center}
  .dravsy-filter--actions .dravsy-filter__label{display:none}
}

/* =============================
   Archive perfumes: layout + Notes UI tipo Fragrantica (ADITIVO)
   ============================= */

.dravsy-archive-layout{
  display:grid;
  grid-template-columns: 280px 1fr;
  gap:24px;
  align-items:start;
}

@media (max-width: 980px){
  .dravsy-archive-layout{grid-template-columns:1fr}
}

.dravsy-sidebar{
  border:1px solid #e9e9e9;
  border-radius:14px;
  padding:14px;
  background:#fff;
}

.dravsy-filters-frag .dravsy-filter{display:block;margin:0 0 12px}
.dravsy-filters-frag .dravsy-filter__label{display:block;font-size:12px;color:#666;margin:0 0 6px}
.dravsy-filters-frag .dravsy-input,
.dravsy-filters-frag .dravsy-select{width:100%}

.dravsy-filters-frag .dravsy-year{display:flex;align-items:center;gap:8px}
.dravsy-filters-frag .dravsy-year__sep{opacity:.6}

.dravsy-notes-ui{margin-top:6px}
.dravsy-notes-ui__search{margin-bottom:10px}
.dravsy-notes-ui__list{
  display:flex;
  flex-direction:column;
  gap:6px;
  max-height:520px;
  overflow:auto;
  padding-right:4px;
}

.dravsy-note-chip{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  width:100%;
  border-radius:999px;
  border:1px solid #e2e2e2;
  background:#fff;
  padding:7px 10px;
  font-size:12px;
  cursor:pointer;
  user-select:none;
}
.dravsy-note-chip input{margin:0}
.dravsy-note-chip__name{flex:1}
.dravsy-note-chip__count{color:#777;font-variant-numeric: tabular-nums}
.dravsy-note-chip.is-selected{border-color:#000;font-weight:600}

.dravsy-notes-ui__active{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:10px 0 6px;
}

html.dravsy-js .dravsy-filter--actions{display:none;} /* hide Apply row when autosubmit JS enabled */

/* Results bar */
.dravsy-resultsbar{
  display:flex;
  align-items:center;
  gap:12px;
  border:1px solid #e9e9e9;
  border-radius:14px;
  padding:12px 14px;
  background:#fff;
}
.dravsy-resultsbar__search{flex:1;min-width:0}
.dravsy-resultsbar__meta{font-size:12px;color:#666;white-space:nowrap}
.dravsy-resultsbar__count{font-weight:700;color:#111}

@media (max-width: 780px){
  .dravsy-resultsbar{flex-direction:column;align-items:stretch}
  .dravsy-resultsbar__meta{order:-1}
}

/* Grid cards (additive; legacy list remains) */
.dravsy-grid{
  margin-top:14px;
  display:grid;
  gap:14px;
  grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
}

.dravsy-card{
  display:flex;
  flex-direction:column;
  border:1px solid #ededed;
  border-radius:14px;
  background:#fff;
  overflow:hidden;
  text-decoration:none;
  color:inherit;
}
.dravsy-card:hover{border-color:#d7d7d7;box-shadow:0 10px 26px rgba(0,0,0,.06)}
.dravsy-card__img{
  height:190px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fafafa;
}
.dravsy-card__img img{max-height:100%;max-width:100%;object-fit:contain}
.dravsy-card__placeholder{width:100%;height:100%;background:#eee}
.dravsy-card__body{padding:10px 12px}
.dravsy-card__title{margin:0 0 6px;font-size:14px;line-height:1.2;font-weight:700}
.dravsy-card__meta{display:flex;align-items:center;justify-content:space-between;gap:10px}
.dravsy-card__brand{font-size:12px;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dravsy-card__year{
  font-size:12px;
  color:#666;
  background:#f6f6f6;
  border:1px solid #e9e9e9;
  padding:4px 8px;
  border-radius:999px;
  font-variant-numeric: tabular-nums;
}

/* =============================
   Skin oscuro Fragrantica-like (ADITIVO, sólo archive perfumes)
   Se activa con body.dravsy-archive-fragrantica o .dravsy-archive--perfumes.
   ============================= */

body.dravsy-archive-fragrantica,
.dravsy-archive--perfumes{
  --dravsy-bg:#0d1014;
  --dravsy-panel:#151b22;
  --dravsy-panel-2:#10161c;
  --dravsy-border:#26313b;
  --dravsy-text:#e7eaee;
  --dravsy-muted:#a9b4bf;
  --dravsy-accent:#2ac9b0;
}

body.dravsy-archive-fragrantica{background:var(--dravsy-bg);color:var(--dravsy-text)}
body.dravsy-archive-fragrantica a{color:inherit}

body.dravsy-archive-fragrantica .dravsy-sidebar,
body.dravsy-archive-fragrantica .dravsy-resultsbar{
  background:var(--dravsy-panel);
  border-color:var(--dravsy-border);
}

body.dravsy-archive-fragrantica .dravsy-filter__label{color:var(--dravsy-muted)}
body.dravsy-archive-fragrantica .dravsy-input,
body.dravsy-archive-fragrantica .dravsy-select{
  background:var(--dravsy-panel-2);
  border-color:var(--dravsy-border);
  color:var(--dravsy-text);
}
body.dravsy-archive-fragrantica .dravsy-input::placeholder{color:rgba(231,234,238,.55)}

body.dravsy-archive-fragrantica .dravsy-resultsbar__meta{color:var(--dravsy-muted)}
body.dravsy-archive-fragrantica .dravsy-resultsbar__count{color:var(--dravsy-text)}

body.dravsy-archive-fragrantica .dravsy-note-chip{
  background:transparent;
  border-color:var(--dravsy-border);
}
body.dravsy-archive-fragrantica .dravsy-note-chip__count{color:var(--dravsy-muted)}
body.dravsy-archive-fragrantica .dravsy-note-chip:hover{border-color:rgba(42,201,176,.55)}

body.dravsy-archive-fragrantica .dravsy-chip{
  background:var(--dravsy-panel-2);
  border-color:var(--dravsy-border);
}
body.dravsy-archive-fragrantica .dravsy-chip:hover{border-color:rgba(42,201,176,.55)}

body.dravsy-archive-fragrantica .dravsy-card{
  background:var(--dravsy-panel);
  border-color:var(--dravsy-border);
}
body.dravsy-archive-fragrantica .dravsy-card:hover{border-color:rgba(42,201,176,.45);box-shadow:0 10px 26px rgba(0,0,0,.35)}
body.dravsy-archive-fragrantica .dravsy-card__img{background:var(--dravsy-panel-2)}
body.dravsy-archive-fragrantica .dravsy-card__placeholder{background:rgba(255,255,255,.06)}
body.dravsy-archive-fragrantica .dravsy-card__brand{color:var(--dravsy-muted)}
body.dravsy-archive-fragrantica .dravsy-card__year{
  background:var(--dravsy-panel-2);
  border-color:var(--dravsy-border);
  color:var(--dravsy-muted);
}

body.dravsy-archive-fragrantica .dravsy-pagination .page-numbers{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:34px;
  height:34px;
  padding:0 10px;
  margin:0 6px 6px 0;
  border-radius:999px;
  border:1px solid var(--dravsy-border);
  background:var(--dravsy-panel);
  color:var(--dravsy-text);
  text-decoration:none;
  font-size:13px;
}
body.dravsy-archive-fragrantica .dravsy-pagination .page-numbers:hover{border-color:rgba(42,201,176,.55)}
body.dravsy-archive-fragrantica .dravsy-pagination .page-numbers.current{
  border-color:var(--dravsy-accent);
  background:rgba(42,201,176,.12);
  color:var(--dravsy-text);
  font-weight:700;
}

html.dravsy-js .dravsy-apply-btn{display:none;}

/* Aditivo: si por cualquier motivo no se aplica body_class, el wrapper del archive fuerza el fondo oscuro */
.dravsy-archive--perfumes{background:var(--dravsy-bg);color:var(--dravsy-text);border-radius:0}

/* =============================
   Additive: Archive should be LIGHT by default
   Dark variables can leak via .dravsy-archive--perfumes. This block resets
   the CSS variables + backgrounds unless body.dravsy-archive-fragrantica is present.
   ============================= */
body:not(.dravsy-archive-fragrantica) .dravsy-archive--perfumes{
  --dravsy-bg: transparent;
  --dravsy-panel: transparent;
  --dravsy-panel-2: transparent;
  --dravsy-border: #e6e8eb;
  --dravsy-text: inherit;
  --dravsy-muted: #6b7280;
  --dravsy-accent: #0f766e;
  background: transparent;
  color: inherit;
}

body:not(.dravsy-archive-fragrantica) .dravsy-archive--perfumes .dravsy-sidebar,
body:not(.dravsy-archive-fragrantica) .dravsy-archive--perfumes .dravsy-resultsbar{
  background: #fff;
  border: 1px solid #e6e8eb;
}

body:not(.dravsy-archive-fragrantica) .dravsy-archive--perfumes .dravsy-card{
  background: #fff;
  border-color: #e6e8eb;
}

body:not(.dravsy-archive-fragrantica) .dravsy-archive--perfumes .dravsy-card__title{
  color: #111;
}

body:not(.dravsy-archive-fragrantica) .dravsy-archive--perfumes .dravsy-card__meta{
  color: #555;
}

/* =============================
   Compactación visual (estructura tipo Fragrantica, tema claro)
   ADITIVO: reduce tamaños/espaciados para evitar cards excesivamente grandes.
   ============================= */

body.post-type-archive-dravsy_perfume .dravsy-archive-layout{
  grid-template-columns: 260px 1fr;
  gap:18px;
}

@media (max-width: 980px){
  body.post-type-archive-dravsy_perfume .dravsy-archive-layout{grid-template-columns:1fr}
}

body.post-type-archive-dravsy_perfume .dravsy-sidebar{
  border-radius:12px;
  padding:12px;
}

body.post-type-archive-dravsy_perfume .dravsy-resultsbar{
  border-radius:12px;
  padding:10px 12px;
}

body.post-type-archive-dravsy_perfume .dravsy-resultsbar__meta{font-size:12px}

body.post-type-archive-dravsy_perfume .dravsy-grid{
  gap:12px;
  grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
}

@media (min-width: 1240px){
  body.post-type-archive-dravsy_perfume .dravsy-grid{
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  }
}

body.post-type-archive-dravsy_perfume .dravsy-card{
  border-radius:12px;
}

body.post-type-archive-dravsy_perfume .dravsy-card__img{
  height:150px;
  padding:10px;
  background:#fafafa;
}

body.post-type-archive-dravsy_perfume .dravsy-card__img img{
  max-height:130px;
}

body.post-type-archive-dravsy_perfume .dravsy-card__body{
  padding:10px;
}

body.post-type-archive-dravsy_perfume .dravsy-card__title{
  font-size:13px;
  line-height:1.25;
  margin:0 0 6px;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

body.post-type-archive-dravsy_perfume .dravsy-card__brand{
  font-size:11px;
}

body.post-type-archive-dravsy_perfume .dravsy-card__year{
  font-size:11px;
  padding:3px 7px;
}

/* Placeholders más informativos sin cambiar markup */
body.post-type-archive-dravsy_perfume .dravsy-card__placeholder{
  position:relative;
  background:#eee;
}
body.post-type-archive-dravsy_perfume .dravsy-card__placeholder::after{
  content:"Sin imagen";
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#999;
  font-size:12px;
}

/* =============================
   Compactación visual (estructura tipo Fragrantica, tema claro)
   ADITIVO: reduce tamaños/espaciados para evitar cards excesivamente grandes.
   ============================= */

body.post-type-archive-dravsy_perfume .dravsy-archive-layout{
  grid-template-columns: 260px 1fr;
  gap:18px;
}

@media (max-width: 980px){
  body.post-type-archive-dravsy_perfume .dravsy-archive-layout{grid-template-columns:1fr}
}

body.post-type-archive-dravsy_perfume .dravsy-sidebar{
  border-radius:12px;
  padding:12px;
}

body.post-type-archive-dravsy_perfume .dravsy-resultsbar{
  border-radius:12px;
  padding:10px 12px;
}

body.post-type-archive-dravsy_perfume .dravsy-resultsbar__meta{
  font-size:12px;
}

body.post-type-archive-dravsy_perfume .dravsy-grid{
  gap:12px;
  grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
}

@media (min-width: 1280px){
  body.post-type-archive-dravsy_perfume .dravsy-grid{grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));}
}

body.post-type-archive-dravsy_perfume .dravsy-card{
  border-radius:12px;
}

body.post-type-archive-dravsy_perfume .dravsy-card__img{
  height:150px;
  padding:10px;
  background:#f7f7f8;
}

body.post-type-archive-dravsy_perfume .dravsy-card__img img{
  max-height:130px;
  width:auto;
}

body.post-type-archive-dravsy_perfume .dravsy-card__placeholder{
  position:relative;
  background:#efefef;
}

body.post-type-archive-dravsy_perfume .dravsy-card__placeholder::after{
  content:"Sin imagen";
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#9aa0a6;
  font-size:12px;
}

body.post-type-archive-dravsy_perfume .dravsy-card__body{
  padding:9px 10px;
}

body.post-type-archive-dravsy_perfume .dravsy-card__title{
  font-size:13px;
  margin:0 0 6px;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  min-height:32px;
}

body.post-type-archive-dravsy_perfume .dravsy-card__brand{
  font-size:11px;
}

body.post-type-archive-dravsy_perfume .dravsy-card__year{
  font-size:11px;
  padding:3px 7px;
}

/* Notas: más densidad y scroll más “Fragrantica-like” */
body.post-type-archive-dravsy_perfume .dravsy-notes-ui__list{
  max-height:460px;
}


/* =============================
   Compactación visual (estructura tipo Fragrantica, tema claro)
   ADITIVO: reduce tamaños/espaciados para evitar cards excesivamente grandes.
   ============================= */

body.post-type-archive-dravsy_perfume .dravsy-archive-layout{
  grid-template-columns: 260px 1fr;
  gap: 18px;
}

@media (max-width: 980px){
  body.post-type-archive-dravsy_perfume .dravsy-archive-layout{
    grid-template-columns: 1fr;
  }
}

body.post-type-archive-dravsy_perfume .dravsy-sidebar{
  padding: 12px;
  border-radius: 12px;
}

body.post-type-archive-dravsy_perfume .dravsy-resultsbar{
  padding: 10px 12px;
  border-radius: 12px;
}

body.post-type-archive-dravsy_perfume .dravsy-grid{
  gap: 12px;
  grid-template-columns: repeat(auto-fill, minmax(165px, 1fr));
}

@media (max-width: 560px){
  body.post-type-archive-dravsy_perfume .dravsy-grid{
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  }
}

body.post-type-archive-dravsy_perfume .dravsy-card{
  border-radius: 12px;
}

body.post-type-archive-dravsy_perfume .dravsy-card__img{
  height: 150px;
  padding: 10px;
  background: #f7f7f7;
}

body.post-type-archive-dravsy_perfume .dravsy-card__img img{
  max-height: 130px;
  width: auto;
}

body.post-type-archive-dravsy_perfume .dravsy-card__placeholder{
  position: relative;
  background: #efefef;
}

body.post-type-archive-dravsy_perfume .dravsy-card__placeholder::after{
  content: "Sin imagen";
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: #9a9a9a;
}

body.post-type-archive-dravsy_perfume .dravsy-card__body{
  padding: 9px 10px;
}

body.post-type-archive-dravsy_perfume .dravsy-card__title{
  font-size: 13px;
  line-height: 1.2;
  margin-bottom: 6px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

body.post-type-archive-dravsy_perfume .dravsy-card__brand{
  font-size: 11px;
}

body.post-type-archive-dravsy_perfume .dravsy-card__year{
  font-size: 11px;
  padding: 3px 7px;
}