/* =====================================================================
   KnottyWedding v72 — simple Paper menus + full-screen editor
   ===================================================================== */
.v69-paper-page,
.v69-designer-body{
  --v72-black:#0d0d0e;
  --v72-purple:#6653c8;
  --v72-line:#e4e1e6;
  --v72-muted:#66616a;
  font-family:var(--tkww-union-typography-category-body1-font-family,var(--tkww-union-typography-primary-font-family,union-primary-font,union-sans-serif,-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif))!important;
}

/* Paper category bar: screenshot-inspired, intentionally simple */
.v72-paperbar{
  position:relative;
  z-index:300;
  color:#fff;
  background:#050505;
  box-shadow:0 1px 0 rgba(255,255,255,.12);
}
.v72-paperbar-inner{
  width:min(1500px,100%);
  min-height:64px;
  margin:0 auto;
  display:flex;
  align-items:stretch;
  padding:0 18px;
}
.v72-paper-brand{
  display:flex;
  flex:0 0 auto;
  align-items:center;
  padding:0 22px 0 2px;
  color:#fff!important;
  text-decoration:none!important;
  font-size:13px;
  font-weight:700;
  white-space:nowrap;
}
.v72-paper-categories{
  display:flex;
  min-width:0;
  align-items:stretch;
}
.v72-paper-categories>button{
  position:relative;
  display:flex;
  min-height:64px;
  align-items:center;
  gap:7px;
  padding:0 17px;
  border:0;
  border-radius:0;
  color:#fff;
  background:transparent;
  font-size:15px;
  line-height:1;
  font-weight:500;
  white-space:nowrap;
  cursor:pointer;
}
.v72-paper-categories>button i{
  color:#ccc;
  font-size:13px;
  font-style:normal;
  transition:transform .15s ease;
}
.v72-paper-categories>button:hover,
.v72-paper-categories>button.active,
.v72-paper-categories>button.open{
  color:#fff;
  background:#050505;
}
.v72-paper-categories>button.active:after,
.v72-paper-categories>button.open:after{
  content:"";
  position:absolute;
  left:16px;
  right:16px;
  bottom:0;
  height:3px;
  background:#fff;
}
.v72-paper-categories>button.open i{transform:rotate(180deg)}
.v72-paper-utils{
  margin-left:auto;
  display:flex;
  flex:0 0 auto;
  align-items:center;
  gap:5px;
  padding-left:14px;
}
.v72-paper-utils>a{
  position:relative;
  display:flex;
  min-height:42px;
  align-items:center;
  gap:7px;
  padding:8px 11px;
  border:1px solid #343434;
  border-radius:8px;
  color:#fff!important;
  background:#111;
  text-decoration:none!important;
  font-size:12px;
  font-weight:600;
  white-space:nowrap;
}
.v72-paper-utils>a:hover{
  border-color:#707070;
  background:#1a1a1a;
}
.v72-paper-utils svg{
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.v72-paper-utils b{
  position:absolute;
  top:-6px;
  right:-6px;
  display:grid;
  min-width:18px;
  height:18px;
  padding:0 4px;
  place-items:center;
  border:2px solid #050505;
  border-radius:999px;
  color:#171319;
  background:#fff;
  font-size:9px;
}
.v72-paper-dropdown{
  position:absolute;
  top:100%;
  left:var(--v72-drop-left,16px);
  width:300px;
  z-index:310;
}
.v72-paper-dropdown[hidden]{display:none!important}
.v72-simple-menu{
  position:relative;
  display:grid;
  padding:34px 0 14px;
  border:1px solid #e3e0e5;
  background:#fff;
  box-shadow:0 18px 42px rgba(25,22,28,.18);
}
.v72-simple-menu>a{
  display:flex;
  min-height:42px;
  align-items:center;
  padding:8px 24px;
  color:#5b5760!important;
  background:#fff;
  text-decoration:none!important;
  font-size:15px;
  font-weight:400;
  line-height:1.25;
}
.v72-simple-menu>a:hover{
  color:#1e1b20!important;
  background:#f6f5f7;
}
.v72-drop-close{
  position:absolute;
  top:7px;
  right:8px;
  display:grid;
  width:26px;
  height:26px;
  min-height:26px!important;
  padding:0!important;
  place-items:center;
  border:0!important;
  border-radius:50%;
  color:#555058!important;
  background:#f3f1f4!important;
  font-size:18px!important;
  line-height:1!important;
  cursor:pointer;
}
.v72-drop-close:hover{color:#fff!important;background:#222!important}

/* Search, sort and premium filters */
.v69-shop-toolbar{
  top:0!important;
  gap:12px!important;
  padding:16px 0!important;
  background:#fff!important;
}
.v69-shop-search{
  max-width:650px!important;
  min-height:50px!important;
  padding:0 14px!important;
  border:1px solid #d8d5da!important;
  border-radius:6px!important;
  background:#fff!important;
  box-shadow:none!important;
}
.v69-shop-search input{
  height:48px!important;
  color:#2b282d!important;
  font-size:14px!important;
}
.v69-shop-toolbar>select{
  height:50px!important;
  min-width:155px!important;
  padding:0 12px!important;
  border:1px solid #d8d5da!important;
  border-radius:6px!important;
  color:#302d32!important;
  background:#fff!important;
  font-size:13px!important;
}
.v69-shop-layout{
  grid-template-columns:250px minmax(0,1fr)!important;
  gap:32px!important;
}
.v69-filter-panel{
  border:1px solid #e2dfe4!important;
  border-radius:8px!important;
  background:#fff!important;
  box-shadow:none!important;
}
.v69-filter-panel>section{border-bottom:1px solid #ece9ed!important}
.v69-filter-title{
  height:50px!important;
  padding:0 15px!important;
  color:#2e2a30!important;
  font-size:13px!important;
  font-weight:600!important;
}
.v69-filter-panel section>div{gap:10px!important;padding:0 15px 15px!important}
.v69-filter-panel label{gap:9px!important;color:#5c5760!important;font-size:13px!important}
.v69-filter-panel input[type=checkbox]{
  width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;margin:0!important;padding:0!important;accent-color:#6653c8!important
}
.v69-filter-panel select{height:40px!important;border-radius:5px!important;font-size:12px!important}
.v69-filter-panel section.collapsed>div{display:none!important}
.v72-filter-head,.v72-filter-backdrop,.v72-filter-open{display:none}

/* Product cards: readable and restrained */
.v69-product-copy{padding:12px 1px 5px!important;gap:5px!important}
.v69-product-copy>span{font-size:10px!important;font-weight:600!important}
.v69-product-copy h3{font-family:inherit!important;font-size:16px!important;font-weight:600!important}
.v69-product-copy small{font-size:11px!important}
.v69-product-copy>div strong{font-size:13px!important}
.v69-product-copy>div s,.v69-product-copy>div em{font-size:10px!important}
.v69-card-actions{
  display:grid!important;
  grid-template-columns:1.15fr 1fr!important;
  gap:8px!important;
  margin-top:8px!important;
}
.v69-card-actions a,.v69-card-actions button{
  min-height:42px!important;
  padding:9px 12px!important;
  border-radius:6px!important;
  font-size:12px!important;
  font-weight:600!important;
}
.v69-card-actions a{
  color:#fff!important;
  border-color:#6653c8!important;
  background:#6653c8!important;
  box-shadow:none!important;
}
.v69-card-actions button{
  color:#38333b!important;
  border-color:#d9d5dc!important;
  background:#fff!important;
}

/* Product detail alignment */
.v69-pdp-info{gap:17px!important}
.v69-title-row{grid-template-columns:minmax(0,1fr) 46px!important}
.v69-title-row h1{font-family:inherit!important;font-size:32px!important;font-weight:650!important}
.v69-pdp-heart{
  width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;
  padding:0!important;border:1px solid #d9d5dc!important;border-radius:50%!important;
  box-shadow:none!important;font-size:22px!important
}
.v69-swatch-row{gap:10px!important}
.v69-swatch-row button{
  width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;
  padding:0!important;border:3px solid #fff!important;border-radius:50%!important;
  box-shadow:0 0 0 1px #c9c4cc!important
}
.v69-swatch-row button.active{box-shadow:0 0 0 2px #242126!important}
.v69-check-option{
  grid-template-columns:18px minmax(0,1fr) auto!important;
  min-height:46px!important;
  align-items:center!important;
  gap:9px!important;
  padding:10px 12px!important;
  border-radius:6px!important;
}
.v69-check-option input[type=checkbox]{
  width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;margin:0!important;padding:0!important;accent-color:#6653c8!important
}
.v69-pdp-actions button,.v69-pdp-actions a{min-height:46px!important;border-radius:6px!important;font-size:13px!important}

/* Full-screen editor: remove old root grid constraint */
body.v71-advanced-editor{
  width:100vw!important;
  height:100vh!important;
  margin:0!important;
  overflow:hidden!important;
  background:#efedf1!important;
}
.v71-advanced-editor .v69-designer-app{
  display:block!important;
  width:100vw!important;
  max-width:none!important;
  height:100vh!important;
  min-height:100vh!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:0!important;
  background:#efedf1!important;
}
.v71-advanced-editor .v70-editor-shell{
  width:100vw!important;
  max-width:none!important;
  height:100vh!important;
  min-height:100vh!important;
  grid-template-columns:72px 320px minmax(0,1fr)!important;
  grid-template-rows:70px minmax(0,1fr)!important;
  overflow:hidden!important;
  background:#efedf1!important;
}
.v71-advanced-editor .v70-editor-topbar{
  min-width:0!important;
  height:70px!important;
  grid-template-columns:minmax(230px,1fr) auto auto minmax(300px,1fr)!important;
  gap:14px!important;
  padding:0 18px!important;
  border-bottom:1px solid #ddd9df!important;
  background:#fff!important;
}
.v71-advanced-editor .v70-top-left strong{font-size:13px!important}
.v71-advanced-editor .v70-top-left span{font-size:9px!important}
.v71-advanced-editor .v70-top-history button,
.v71-advanced-editor .v70-side-switch button,
.v71-advanced-editor .v70-top-actions button{
  min-height:38px!important;
  padding:8px 12px!important;
  border:1px solid #d9d5dc!important;
  border-radius:7px!important;
  font-size:11px!important;
  font-weight:600!important;
}
.v71-advanced-editor .v70-top-actions .primary,
.v71-advanced-editor .v70-side-switch button.active{
  color:#fff!important;
  border-color:#6653c8!important;
  background:#6653c8!important;
}
.v71-advanced-editor .v70-tool-rail{
  width:72px!important;
  padding:10px 7px!important;
  background:#2e2933!important;
}
.v71-advanced-editor .v70-tool-rail button{
  min-height:62px!important;
  gap:5px!important;
  padding:8px 3px!important;
  border-radius:8px!important;
}
.v71-advanced-editor .v70-tool-rail button.active{background:#6653c8!important}
.v71-advanced-editor .v70-tool-rail b{font-size:13px!important}
.v71-advanced-editor .v70-tool-rail span{font-size:10px!important}
.v71-advanced-editor .v70-tool-panel{
  width:320px!important;
  min-width:320px!important;
  padding:18px!important;
  border-right:1px solid #ddd9df!important;
}
.v71-advanced-editor .v70-tool-title{margin-bottom:16px!important}
.v71-advanced-editor .v70-tool-title span{font-size:9px!important}
.v71-advanced-editor .v70-tool-title h2{font-size:20px!important}
.v71-advanced-editor .v70-tool-panel>label,
.v71-advanced-editor .v70-tool-panel .v70-prop-grid label,
.v71-advanced-editor .v70-position-grid label,
.v71-advanced-editor .v70-product-options label{
  gap:6px!important;
  margin-bottom:12px!important;
  font-size:11px!important;
}
.v71-advanced-editor .v70-tool-panel input:not([type=checkbox]):not([type=color]):not([type=range]),
.v71-advanced-editor .v70-tool-panel select,
.v71-advanced-editor .v70-tool-panel textarea{
  min-height:42px!important;
  padding:9px 10px!important;
  border-radius:6px!important;
  font-size:12px!important;
}
.v71-advanced-editor .v70-design-presets button,
.v71-advanced-editor .v70-shape-grid button{
  min-height:64px!important;
  font-size:11px!important;
}
.v71-advanced-editor .v70-shape-grid span{font-size:9px!important}
.v71-advanced-editor .v70-stage{
  grid-column:3!important;
  min-width:0!important;
  width:100%!important;
  height:100%!important;
  grid-template-rows:50px minmax(0,1fr) 40px!important;
  overflow:hidden!important;
}
.v71-advanced-editor .v70-stage-toolbar{
  min-width:0!important;
  padding:0 16px!important;
}
.v71-advanced-editor .v70-stage-toolbar button{
  min-height:34px!important;
  padding:7px 10px!important;
  border-radius:6px!important;
  font-size:10px!important;
}
.v71-advanced-editor .v70-canvas-area{
  min-width:0!important;
  min-height:0!important;
  overflow:auto!important;
  padding:36px 48px!important;
  place-items:center!important;
  background:radial-gradient(circle at 50% 44%,#f8f6f9 0,#ebe8ee 68%,#e5e1e8 100%)!important;
}
.v71-advanced-editor .v70-print-sheet{
  width:500px!important;
  height:700px!important;
  flex:0 0 auto!important;
}
.v71-advanced-editor .v70-stage-footer{
  padding:0 16px!important;
  font-size:10px!important;
}
.v71-advanced-editor .v70-stage-footer strong{font-size:10px!important}
.v71-advanced-editor .v70-help{font-size:10px!important}
.v71-advanced-editor .v70-layer-select strong{font-size:11px!important}
.v71-advanced-editor .v70-layer-select small{font-size:9px!important}
.v71-advanced-editor .v70-layer-icon{font-size:10px!important}

/* Tablet and mobile Paper navigation */
@media(max-width:1120px){
  .v72-paperbar-inner{padding:0 10px;overflow-x:auto;scrollbar-width:none}
  .v72-paperbar-inner::-webkit-scrollbar{display:none}
  .v72-paper-brand{display:none}
  .v72-paper-categories{flex:0 0 auto}
  .v72-paper-categories>button{padding:0 13px;font-size:14px}
  .v72-paper-utils{flex:0 0 auto}
}
@media(max-width:820px){
  .v72-paperbar{position:relative}
  .v72-paperbar-inner{
    min-height:auto;
    display:grid;
    grid-template-columns:1fr;
    padding:0;
    overflow:visible;
  }
  .v72-paper-categories{
    width:100%;
    overflow-x:auto;
    scrollbar-width:none;
    border-bottom:1px solid #262626;
  }
  .v72-paper-categories::-webkit-scrollbar{display:none}
  .v72-paper-categories>button{
    flex:0 0 auto;
    min-height:52px;
    padding:0 14px;
    font-size:13px;
  }
  .v72-paper-categories>button.active:after,.v72-paper-categories>button.open:after{left:13px;right:13px;height:2px}
  .v72-paper-utils{
    width:100%;
    margin:0;
    justify-content:center;
    gap:8px;
    padding:8px 10px;
  }
  .v72-paper-utils>a{
    min-height:38px;
    padding:7px 11px;
    font-size:11px;
  }
  .v72-paper-utils svg{width:17px;height:17px}
  .v72-paper-dropdown{
    position:fixed;
    top:8px!important;
    left:8px!important;
    right:8px!important;
    width:auto!important;
    max-height:calc(100vh - 16px);
    overflow:auto;
    z-index:10050;
  }
  .v72-simple-menu{padding-top:42px;border-radius:6px}
  .v72-simple-menu>a{min-height:46px;padding:9px 20px;font-size:15px}
  .v69-shop-toolbar{
    top:0!important;
    grid-template-columns:minmax(0,1fr) auto!important;
  }
  .v69-shop-toolbar>span{display:none!important}
  .v69-shop-toolbar>select{grid-column:1/-1;width:100%!important}
  .v72-filter-open{
    display:inline-flex;
    min-height:50px;
    align-items:center;
    gap:7px;
    padding:0 14px;
    border:1px solid #d8d5da;
    border-radius:6px;
    color:#302d32;
    background:#fff;
    font-size:13px;
    font-weight:600;
  }
  .v69-shop-layout{grid-template-columns:1fr!important}
  .v69-filter-panel{
    position:fixed!important;
    z-index:10030!important;
    top:0!important;left:0!important;bottom:0!important;
    width:min(360px,90vw)!important;
    max-height:none!important;
    transform:translateX(-105%);
    transition:transform .2s ease;
    border-radius:0!important;
    overflow:auto!important;
    box-shadow:18px 0 50px rgba(25,22,28,.2)!important;
  }
  .v69-filter-panel.open{transform:none}
  .v72-filter-backdrop{
    display:block;
    position:fixed;
    z-index:10020;
    inset:0;
    opacity:0;
    visibility:hidden;
    background:rgba(18,16,20,.5);
    transition:.2s;
  }
  .v72-filter-backdrop.open{opacity:1;visibility:visible}
  .v72-filter-head{
    display:flex;
    position:sticky;
    z-index:2;
    top:0;
    min-height:56px;
    align-items:center;
    justify-content:space-between;
    padding:0 15px;
    border-bottom:1px solid #e4e1e6;
    background:#fff;
  }
  .v72-filter-head strong{font-size:15px}
  .v72-filter-head button{
    display:grid;width:32px;height:32px;min-height:32px;padding:0;place-items:center;border:1px solid #dad6dc;border-radius:50%;background:#fff;font-size:19px
  }
  body.v72-filtering{overflow:hidden}

  /* Editor keeps the full viewport but becomes vertically stacked. */
  .v71-advanced-editor .v70-editor-shell{
    grid-template-columns:1fr!important;
    grid-template-rows:58px 58px auto minmax(520px,1fr)!important;
    height:100vh!important;
    overflow:auto!important;
  }
  .v71-advanced-editor .v70-editor-topbar{
    grid-row:1!important;grid-column:1!important;
    grid-template-columns:minmax(0,1fr) auto auto!important;
    height:58px!important;padding:0 8px!important;gap:7px!important;
  }
  .v71-advanced-editor .v70-top-history{display:none!important}
  .v71-advanced-editor .v70-tool-rail{
    grid-row:2!important;grid-column:1!important;
    width:100%!important;display:flex!important;overflow-x:auto!important;
    padding:5px!important;border-right:0!important;
  }
  .v71-advanced-editor .v70-tool-rail button{min-width:68px!important;min-height:48px!important;padding:5px!important}
  .v71-advanced-editor .v70-tool-panel{
    grid-row:3!important;grid-column:1!important;width:100%!important;min-width:0!important;max-height:300px!important;
    padding:14px!important;border-right:0!important;border-bottom:1px solid #ddd9df!important;
  }
  .v71-advanced-editor .v70-stage{
    grid-row:4!important;grid-column:1!important;min-height:640px!important;
  }
  .v71-advanced-editor .v70-print-sheet{width:330px!important;height:462px!important}
  .v71-advanced-editor .v70-canvas-area{padding:28px 12px!important}
}
@media(max-width:520px){
  .v72-paper-utils>a span{display:none}
  .v72-paper-utils>a{min-width:48px;justify-content:center}
  .v72-paper-utils svg{width:19px;height:19px}
  .v69-card-actions{grid-template-columns:1fr!important}
  .v71-advanced-editor .v70-top-left>div{display:none!important}
  .v71-advanced-editor .v70-editor-topbar{grid-template-columns:auto auto minmax(0,1fr)!important}
  .v71-advanced-editor .v70-top-actions{gap:4px!important}
  .v71-advanced-editor .v70-top-actions .v70-safe-toggle{display:none!important}
  .v71-advanced-editor .v70-top-actions .secondary,
  .v71-advanced-editor .v70-top-actions .primary{
    display:inline-flex!important;min-height:34px!important;padding:6px 8px!important;font-size:9px!important;white-space:nowrap!important
  }
  .v71-advanced-editor .v70-print-sheet{width:290px!important;height:406px!important}
}

.v72-paper-utils b[hidden]{display:none!important}